Команда Facebook создала библиотеку JavaScript с открытым исходным кодом, известную как React. Она используется для создания сложных графических пользовательских интерфейсов (UI).
В ее основе лежит идея многократно используемых компонентов, что позволяет создавать сложные пользовательские интерфейсы из дискретных, маленьких кусочков кода, известных как компоненты.
Расширение синтаксиса JavaScript называется JSX. Это дополнение JavaScript, которое позволяет нам определять дерево объектов React, используя синтаксис, похожий на HTML-шаблон. Мы можем писать JavaScript, напоминающий разметку, и возвращать его из компонента, используя всего лишь расширение, подобное XML.
Важность реквизитов
Специальный термин «props» в React используется для передачи данных от одного компонента к другому и означает «свойства».
Здесь важен тот факт, что данные и реквизиты передаются в однонаправленном потоке. (От родителя к ребенку только в одну сторону)
Кроме того, поскольку данные реквизита доступны только для чтения, дочерние компоненты не должны каким-либо образом изменять данные родительского компонента.
Я проведу вас через использование реквизитов шаг за шагом.
Сначала определите атрибут и его значение (данные).
Затем используйте Props, чтобы передать его всем дочерним компонентам.
В конце сделайте рендеринг Props. Данные
состояние
Во-первых, когда вы хотите изменить компонент при изменении переменной, вы используете «переменные состояния». Активируйте это состояние. Компоненты React перерисовываются только при изменении состояния или класса. Однако, поскольку изменение переменной класса не затрагивает ни того, ни другого, рендеринг не запускается.
Состояние позволяет нам управлять изменяющимися данными в приложении. Оно определяется как объект, в котором мы задаем пары ключ-значение, указывающие различные данные, которые мы хотим отслеживать в приложении.
В React весь код, который мы пишем, определяется внутри компонента.
