Введение В React

Оглавление 1. Начало работы с React .

1.1 Методы добавления React .

1.2 Выбор способа добавления .

1.2.1 Добавление React с помощью ярлык .

1.2.2 Добавление React с помощью create-react-app 2. В основном Реагировать .

2.1 Реагировать на объект .

2.2 Реагирующий элемент .

2.2.1 СоздатьЭлемент .

2.2.2 Элемент клонирования .

2.2.3 IsValidElement .

2.2.4 Дети .

2.3 Реагирующие компоненты .

2.3.1 Реагирующий компонент .

2.3.2 Реагировать.

Фрагмент .

2.3.3 Состояние .

2.3.4 События .

2.3.5 Жизненный цикл .

2.3.6 Ссылки .

2.4 РеактДОМ .

2.4.1 Рендеринг .

2.4.2 Гидрат .

2.4.3 РазмонтироватьКомпонентАтNode .

2.4.4 Создать портал 3.Другие темы .

3.1 Списки и ключи .

3.2 Обработка ошибок .

3.2.1 getDerivedStateFromError .

3.2.2 компонентDidCatch Заключение Реагировать — Библиотека JavaScript с открытым исходным кодом для разработки пользовательских интерфейсов.



1. Начало работы с React



1.1 Методы добавления React

Существует 2 основных метода добавления React на сайт: Используя ярлык Использование приложения create-реагировать

1.2 Выбор способа добавления

Выбор метода зависит от ваших потребностей.

Если вы просто хотите добавить немного интерактивности к существующей странице или просто хотите опробовать React, используйте первый метод подключения.

Если вы собираетесь создать полноценное приложение React, используйте create-react-app.

1.2.1 Добавление React с помощью ярлык

Шаг 1 Добавьте 3 тега в контейнер head на вашей странице:
  
   

<script src=" https://unpkg.com/react@16/umd/react.development.js "></script> <script src=" https://unpkg.com/react-dom@16/umd/react-dom.development.js "></script> <script src=" https://unpkg.com/[email protected]/babel.min.js "></script>

Сюда включены библиотеки React и React-dom, а также компилятор Babel.
Babel не требуется для использования React, но полезен для написания кода пользовательского интерфейса с использованием JSX.
Шаг 2 Добавьте на свою страницу пустой контейнер, чтобы отметить место, где вы хотите что-то отобразить с помощью React. Шаг 3 Теперь вы можете использовать React вместе с JSX в любом теге скрипта, добавив к нему атрибут type="text/babel".

Пример:

<!DOCTYPE html> <html lang="en"> <head>

Теги: #программирование #JavaScript #HTML #учебник #Профессиональная литература #react.js #react #веб-разработка #babel #framework #jsx

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.