Оглавление 1. Начало работы с React .
1.2 Выбор способа добавления .
1.2.1 Добавление React с помощью ярлык .
1.2.2 Добавление React с помощью create-react-app 2. В основном Реагировать .
Фрагмент .
2.4.3 РазмонтироватьКомпонентАтNode .
2.4.4 Создать портал 3.Другие темы .
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 на вашей странице:Сюда включены библиотеки React и React-dom, а также компилятор Babel.<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>
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
-
Библер, Владимир Соломонович
19 Oct, 24 -
Прямая Линия С Тм. V5.0. Важный Опрос Внутри
19 Oct, 24 -
Первые Шаги В Китай
19 Oct, 24 -
С Icamp На Пикнике
19 Oct, 24