Skip to content

Instantly share code, notes, and snippets.

@kaineer

kaineer/lesson7.md

Created February 14, 2025 11:52
Show Gist options
  • Save kaineer/6935caa6b279bb27cf46c9d41c2c6b96 to your computer and use it in GitHub Desktop.
Save kaineer/6935caa6b279bb27cf46c9d41c2c6b96 to your computer and use it in GitHub Desktop.
Download ZIP
lesson7
Raw
lesson7.md

План занятия

Часть первая, useState, onChange

  • Создаем страницу, например /page4
  • На страницу помещаем два компонента
  • В каждом компоненте рендерим один текстовый инпут
  • Изменение текста в одном инпуте должно приводить к немедленному изменению текста в другом и наоборот

Часть вторая, useRef, onClick

  • Создаем еще одну страницу, например /page5
  • Добавляем на страницу два компонента
  • Первый компонент можно взять с предыдущей страницы
  • Второй компонент должен содержать инпут и кнопку "сохранить"
  • Изменение текста во втором инпуте не должно менять содержимое первого компонента, пока не нажата кнопка "Сохранить"

Часть третья, slice

  • Создаем новый слайс, например NameSlice
  • Создаем еще одну страницу, /page6
  • На ней такие же компоненты, как на предыдущей странице
  • НО, если уйти со страницы и вернуться, содержимое должно остаться без изменений (т.е. если мы ввели "Паровоз" и сохранили, при возвращении на страницу значение в input должно остаться)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment