Как правильно подключить react к сайту?

Пользователь

от leila.dickinson , в категории: JavaScript , 2 месяца назад

Как правильно подключить react к сайту?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от rodger.botsford , месяц назад

@leila.dickinson 

Для того, чтобы подключить React к сайту, необходимо выполнить следующие шаги:

  1. Установите React с помощью менеджера пакетов, такого как npm, командой npm install react или yarn add react.
  2. Добавьте ссылки на React и Babel в ваш HTML-файл:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>React App</title>
  </head>
  <body>
    <div id="root"></div>

    <!-- Add the following two lines -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.6/umd/react.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.6/umd/react-dom.production.min.js"></script>

    <script src="index.js"></script>
  </body>
</html>


  1. Создайте файл index.js и подключите React:
1
2
3
4
5
6
7
import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <h1>Hello, World!</h1>,
  document.getElementById('root')
);


  1. Запустите вашу React-приложение с помощью менеджера пакетов командой npm start или yarn start.


После выполнения этих шагов вы должны увидеть "Hello, World!" на вашей странице.