Цель работы Получить навыки работы добавления React компонентов на html-сраницу. Задания для выполнения



Скачать 120,85 Kb.
Дата02.05.2023
Размер120,85 Kb.
#214744
ТипМетодические указания
Связанные:
Laboratornaya-1 -Dobavit-React-na-veb-sayt

Добавить React на веб-сайт

Цель работы


Получить навыки работы добавления React компонентов на html-сраницу.

Задания для выполнения


  1. Откройте HTML-страницу, которую вы хотите редактировать. Добавьте пустой тег 
    , чтобы отметить место, где вы хотите что-либо отобразить с помощью React. Например:









2. Добавьте на страницу HTML три тега 

Загрузка нашего компонента React. -->

3. Создайте файл с именем like_button.js рядом с вашей HTML-страницей. Возьмите стартовый код и вставьте его в созданный вами файл:



4. Добавьте несколько компонентов (кнопок) React на страницу и передайте им некоторые данные.
Например, так:



  1. Загрузить созданную страницу на GitHub в репозиторий Student, используя формат в названии Фамилия (латинскими буквами)_1.

Методические указания


Чтобы новые кнопки отобразились, необходимо исправить html файл.

А также добавить в like_button.js c помощью Document метод querySelector()






Контрольные вопросы


  1. С какой целью создавался React?

Дополнительные задания

  1. Дополнительно: попробовать React с JSX


Скачать 120,85 Kb.

Поделитесь с Вашими друзьями:




База данных защищена авторским правом ©psihdocs.ru 2023
обратиться к администрации

    Главная страница