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