Статьи по теме react-components

Публикации по теме 'react-components'

Состояния и реквизиты в React — как понять разницу.

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

Знакомство с компонентами React — Руководство 2022 года, как стать экспертом по React.

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

Управление статусом внешнего интерфейса с помощью табличных методов и шаблонов состояний

Цель этой статьи — поделиться шаблоном для управления логикой ветвления состояний в вашем компоненте. В разработке внешнего интерфейса одним из распространенных случаев является переключение другого пользовательского интерфейса или поведения в зависимости от другого статуса. Например: На странице кампании отображается разный пользовательский интерфейс в зависимости от статуса кампании, статуса входа и т. д. . Компонент продукта отображается по-разному в зависимости от статуса..

Элегантный способ работы с полями с форматированным текстом в React.

Снова и снова я сталкиваюсь со следующей проблемой: CMS предоставляет нам простой HTML из поля форматированного текста для использования в нашем приложении React. Конечно, мы можем просто отрендерить div и передать ему dangerouslySetInnerHtml , но это оставляет нам несколько предостережений: Нажатие на тег a , который ведет на внутреннюю страницу, вызывает полную загрузку страницы. В настройках SPA это не то поведение, которое нам нужно, мы используем причудливые фреймворки..

Итерация/цикл по свойству вашего компонента в функции рендеринга в React

Введение Я понимаю, что вам нужно динамически создавать некоторые элементы пользовательского интерфейса в функции рендеринга вашего компонента в React . Да! единственный способ - перебрать элементы, для этого вы можете использовать цикл for или функцию карты. Но реальный вопрос в том, разрешено ли нам делать это в React? К сожалению, не напрямую, вы можете столкнуться с некоторыми трудностями, особенно если у вас есть опыт работы с Angular. Вероятно, вы получали сообщение об..

Как создавать и публиковать компоненты React с помощью приложения create-react-app?

Если вы знакомы с React, вы уже должны знать, что существует инструмент, который упрощает создание и настройку нового проекта с помощью reactJS, как поиск в этой теме в Google. Я говорю о приложении создать-реагировать . Сначала создайте свое приложение, используя следующие команды: Если у вас не установлен create-react-app скрипт, сделайте это перед тем, как продолжить. npm i -g create-react-app Создайте новое приложение, используя: create-react-app <App Name> Это..

React Hooks, с чего начать?

Хуки были последним дополнением к React, доступным в React v16.8.0-alpha.1. Хуки предоставляют «состояние» и другие реализации метода жизненного цикла реакции для функционального компонента, побуждая нас перейти к функциональным компонентам с более чистым кодом. Здесь я расскажу в основном об перехватчике состояния и перехватчике эффекта и о том, с чего начать работу с ними. ГОСУДАРСТВЕННЫЙ КРЮК На приведенном выше рисунке показаны три части: АЛЬФА : это всего лишь..