Публикации по теме 'react-state-management'
Используйте Observables для рендеринга компонентов React
Вам следует использовать этот более быстрый, организованный и в целом лучший способ управления состоянием компонентов.
Каков самый элегантный способ управления состоянием компонентов React? Он должен быть удобным в сопровождении, простым в реализации и эффективным.
Работа над следующим шаблоном продолжалась в течение последнего года, и я подумал, что сейчас самое время поделиться им с вами. Он начинался как POC, использующий потоки для рендеринга компонентов React, но использование..
React State Lifting: масштабируемое и эффективное управление состоянием
Введение
В мире веб-разработки React стала одной из самых популярных и мощных библиотек JavaScript. Благодаря своей компонентной архитектуре и виртуальному DOM React позволяет разработчикам с легкостью создавать динамические и интерактивные пользовательские интерфейсы. Одним из важнейших аспектов разработки React является управление состоянием, которое позволяет компонентам хранить и обновлять данные. Хотя React обеспечивает состояние локального компонента, бывают случаи, когда..
Вопросы по теме 'react-state-management'
Как обновить состояние компонента реакции на основе реквизита
Как я могу заставить реагирующий компонент обновлять состояние при изменении реквизита?
Я использовал метод:
componentWillReceiveProps(nextProps){
this.setState({key:nextProps});
console.log(this.state);
}
Консоль показывает...
1047 просмотров
schedule
22.03.2023
Форма реакции с множеством дочерних элементов, родительское состояние
У меня есть форма, которая в основном представляет собой матрицу флажков (сотни) и имеет один ввод текста заголовка.
Что-то в этих строках:
render() {
<form>
<input type=text>title</input>...
55 просмотров
schedule
11.09.2022
React TinyMCE — данные не обязательны
Я создал компонент textarea React с возможностью использования Tiny MCE, который я реализую с использованием компонента react-tinymce .
import React, { Component } from "react";
import TinyMCE from "react-tinymce";
class Textarea extends...
2069 просмотров
schedule
26.10.2022
Рендеринг значения состояния в поле ввода в React Redux делает значение неизменяемым.
Я разрабатываю веб-приложение, используя React и Redux. Я новичок в React и Redux. Теперь у меня возникла проблема с использованием его вместе, React и Redux. Проблема в том, что я не могу изменить значение поля ввода, когда я устанавливаю значение...
150 просмотров
schedule
24.06.2022
Изменить свойства / состояние родительского компонента с дочернего
В настоящее время я изучаю REACT для создания веб-приложений. В этом приложении у меня есть список selectedCharacters в родительском состоянии, и в каждом дочернем компоненте у меня есть ввод для имени игрока. Я изо всех сил пытаюсь обновить имя...
763 просмотров
schedule
20.10.2022
Компонент не перерисовывается даже после вызова setState
У меня есть компонент реакции, в котором пользователь может загрузить изображение, и ему также показан предварительный просмотр загруженного изображения. Он может удалить изображение, нажав кнопку удаления, соответствующую изображению. Я использую...
726 просмотров
schedule
25.03.2024
Изменяется начальное состояние контекста React - JavaScript / React
Я делаю раздел руководства. Что делает этот раздел руководства - отображает массив процессов. Внутри каждого процесса есть массив шагов, внутри каждого шага - массив вариантов. Пользователь выбирает вариант на одном из шагов, он переводит их на...
633 просмотров
schedule
17.05.2022
Как обрабатывать состояние элементов плоского списка в React-Native
Я устанавливаю счетчик для элементов компонента FlatList React-Native. Как я могу обновлять элемент списка каждый раз, когда пользователь нажимает кнопку «+» или «-»?
В настоящее время я могу обновить значение состояния, однако в списке не...
2788 просмотров
schedule
17.03.2023
REACT.JS: как перебрать все кнопки NavBar и удалить их класс и добавить активный класс к нажатой кнопке
Я пытаюсь сделать простой NavBar с React.js. Проблема, с которой я столкнулся, - это зацикливание всех навигационных кнопок и удаление «активного» className, а затем добавление «активного» только к одной нажатой кнопке.
Мне удалось создать...
1063 просмотров
schedule
29.11.2022
Переключение между компонентами React с переключением состояния и React Router
Я пытался переключить страницу с помощью кнопки Link и списка элементов, когда я нажимаю кнопку Link. В основном я вижу 2 популярных возможных подхода к этому:
Используя реагировать на маршрутизатор и создать маршруты , один для кнопки списка,...
76 просмотров
schedule
01.11.2023
Как я могу передать реквизиты из текущего компонента в другой компонент, когда второй компонент вызывается по URL-адресу?
Мы можем легко отправлять данные в качестве реквизита из родительского компонента в дочерний компонент, но что делать в случае отсутствия связи между двумя компонентами?
Пожалуйста, сначала прочитайте мой контекст, чтобы я мог помочь вам понять...
993 просмотров
schedule
29.08.2022
useEffect в React не обновляет компонент после обновления хранилища
Я не понимаю, почему React не обновляет мой объект. В другом компоненте через отправку обновляю состояние. В этом коде (в коде ниже) категории mapStateToProps меняются (в журнале консоли отображается еще одна категория). Но компонент не...
1653 просмотров
schedule
02.05.2023
React Native State Management Question - когда загружается перехватчик useState?
У меня есть FlatList элементов, рядом с которым есть кнопка «удалить».
Когда я нажимаю кнопку удаления, я могу удалить элемент из серверной части, НО фактический элемент списка не удаляется из представления.
Я использую хуки useState, и,...
336 просмотров
schedule
25.04.2023
обновление состояния с использованием атрибута имени в TextInput
я пытаюсь обновить состояние onChange в форме. Когда я набираю форму, мое приложение вылетает с этой ошибкой
TypeError undefined is not an object react-native (evaluating e.target)
Я пытаюсь использовать [e.target.name], чтобы выбрать...
839 просмотров
schedule
30.06.2023
Передача setState дочернему компоненту с помощью перехватчиков React
Мне любопытно, если передача setState в качестве опоры дочернему (тупому компоненту) нарушает какие-либо «лучшие практики» или повлияет на оптимизацию.
Вот пример, в котором родительский контейнер передает state и setState двум дочерним...
9838 просмотров
schedule
19.02.2023
Состояние не обновляется в ReactJs
Я пытаюсь обновить состояние при запуске, ошибка не отображается, а вывод console.log показывает, что состояние не обновлено. Кто-нибудь может помочь разобраться, что не так?
Вот функция, которая должна обновлять состояние.
addDay(newDay)...
78 просмотров
schedule
25.07.2023
Выпадающее меню с возможностью поиска в semantic-ui-react не сразу отображает полный список параметров, полученных из API.
Когда я пытаюсь вызвать API для заполнения параметров семантического пользовательского интерфейса, он сначала отображает часть параметров, и для отображения полного списка мне нужно сначала щелкнуть за пределами раскрывающегося списка (размыть его), а...
637 просмотров
schedule
20.02.2022
Как очистить состояние в компоненте класса в React Native?
Я новичок в React Native и изо всех сил пытаюсь очистить состояние экрана.
Например, экран A имеет некоторые состояния --> экран B, вернемся к экрану A, старые состояния очищены. Я использую React Navigation V5.
Я пытаюсь сделать следующее:...
2098 просмотров
schedule
26.09.2022
Как сбросить состояние в компоненте дочернего класса одновременно с родительским компонентом в React Native?
Я новичок в React Native и пытаюсь очистить состояние дочернего компонента одновременно с родительским.
Я пытаюсь сделать следующее:
После перехода от MainMap.js к последнему экрану TripsListScreen.js (весь процесс представляет собой стек...
63 просмотров
schedule
03.08.2023
Принудительная реакция на рендеринг начального состояния с помощью useEffect
Я пытаюсь создать заполнитель для области во время загрузки данных. Предполагается, что он «растет» от оси x. Я создал простой функциональный компонент следующим образом
const [visible, setVisible] = useState(false);
useEffect(() => {...
58 просмотров
schedule
20.03.2022