React JS — это интерфейсная библиотека JavaScript, ориентированная на создание пользовательских интерфейсов (UI)/слоя представления для веб-приложений. Он позволяет создавать одностраничные приложения.

Пользовательский интерфейс вашего приложения можно разделить на независимые повторно используемые части, называемые компонентами React, чтобы облегчить отладку вашего кода.

Приложение React состоит из независимых повторно используемых частей (строительных блоков), называемых компонентами, и это может быть что угодно, например кнопка, значок, контейнер.

ХОТИТЕ СОЗДАВАТЬ ПРОЕКТЫ REACT?

Что такое компонент React?

Компоненты React — это функции JavaScript, и они возвращают элементы React, описывающие, что должно отображаться на экране, а также позволяют разбить пользовательский интерфейс на независимые, повторно используемые части.

Компоненты React могут быть определены как функции или классы. Простой способ определить компонент — создать функцию Javascript. Здесь «Предварительный просмотр» и «Коллекции» являются компонентами React, и они принимают один аргумент объекта «props» (свойства) с данными и возвращают элемент React. Но элементы также могут представлять определенные пользователем компоненты. Например, компонент React «Коллекции» представляет компонент «Предварительный просмотр».

функция Предварительный просмотр (реквизит) {

return ‹h1›Сведения о предстоящем фильме‹/h1›

функция Коллекции (реквизит) {

Вот приведенный ниже компонент «Фильмы», который возвращает элементы React. здесь «Коллекции».

const element = ‹h1›Что такое JSX‹/h1›

Приведенный выше синтаксис не является ни строкой, ни HTML, он называется JSX и используется для описания того, как должен выглядеть пользовательский интерфейс или что должно отображаться на экране. JSX позволяет нам писать HTML-код внутри наших функций Javascript. Вы можете вставлять выражения Javascript внутрь фигурных скобок в JSX, как показано ниже.

темы = «JSX в React»

const элемент = ‹h1›{тема}‹/h1›

ХОТИТЕ СОЗДАВАТЬ ПРОЕКТЫ REACT?

Первоначально опубликовано на https://www.codingz2m.com 27 мая 2022 г.