Публикации по теме 'react-redux'
React Native с Redux в компоненте класса.[Android]
давайте начнем. Чтобы использовать React Native с Redux в компоненте класса, вы можете выполнить следующие шаги:🚀
Установите необходимые пакеты:
npm install react-redux redux
Создайте хранилище Redux, используя метод createStore из пакета redux .
import { createStore } from 'redux';
const initialState = {
count: 0
};
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return { ...state, count: state.count + 1 };..
Небольшой трюк для написания чистых редукторов
Написание редукторов response-redux иногда может быть болезненным. В частности, вам, возможно, придется написать много шаблонного кода только для того, чтобы изменить одно значение или флаг во вложенном объекте. Мы увидим, как небольшой трюк может помочь нам уменьшить этот код.
TL; DR: вы можете использовать lodash / fp / set для неизменного изменения глубокого атрибута в вашем магазине. например, с import set from 'lodash/fp/set' , а затем используйте set(path, value , state) ,..
Базовые знания о Redux (250 слов)
что такое редукс
Redux — это контейнер с предсказуемым состоянием для приложений Javascript. Redux — это библиотека Javascript с открытым исходным кодом для управления и централизации состояния приложения. Это помогает вам писать приложения, которые ведут себя согласованно.
Зачем использовать Redux
При использовании Redux с React состояния больше не нужно будет поднимать. Это облегчит вам отслеживание того, какое действие вызывает какие-либо изменения.
Преимущества Редукса..
Приключения Elecrtode.io, часть 2: предварительная загрузка Ajax-запросов для SSR
На прошлой неделе я опубликовал рассказ о создании магазина в Электроде @WalmartLabs . Как я уже сказал, помимо этого первого инженерного вопроса, у меня был еще один, на этот раз касающийся рендеринга на стороне сервера и инициализации хранилища, когда требуется предварительная выборка данных.
Проблема
Предположим, у нас есть следующий случай: наше приложение инициализирует определенную страницу, отправляя XHR на наш сервер, получая данные для отображения (настоящий стиль SPA)...
Вопросы по теме 'react-redux'
Как явно передать хранилище в качестве реквизита для Connect()
Я пытаюсь протестировать свой компонент React и получаю следующую ошибку.
Нарушение инварианта: не удалось найти «магазин» ни в контексте, ни в реквизитах «Connect ()». Либо оберните корневой компонент в ‹Provider>, либо явно передайте «store»...
14977 просмотров
schedule
09.03.2024
Трудно понять, как отправлять действия и передавать реквизиты/состояние дочерним компонентам.
Проблема: я копался в Google, читал документацию redux.js.org, смотрел примеры (но каждый пример отличается друг от друга и от того, что у меня есть) и не могу понять, как получить мои создатели действий для отправки моих действий или того, как я...
1361 просмотров
schedule
09.08.2022
combReducers вызывает сбой кода
Это следует за потоком, который я разместил здесь
После большого количества устранения неполадок я обнаружил, что этот код работает без проблем.
import React from 'react';
import { createStore, combineReducers, applyMiddleware } from...
8323 просмотров
schedule
11.10.2023
Redux-React простой привет мир
Я новичок в redux - почему не вызывается mapStateToProps и не обновляется компонент, чтобы показать «привет, мир»?
http://codepen.io/anon/pen/QyXyvW?editors=0011
const helloReducer = (state= {message:'none'}, action) => {
switch...
966 просмотров
schedule
27.03.2023
Нужна помощь по некоторым понятиям о ReactNative, Redux и Navigator.
После нескольких тестов в этом сценарии у меня есть некоторые вопросы, на которые я не могу ответить сам, поэтому я прошу помощи, чтобы прояснить мои концепции.
Поставщик и реквизиты в Navigator
В чем разница и как лучше всего настроить...
318 просмотров
schedule
05.12.2022
Действие отправки React-Redux из компонента
Я пытаюсь отправить действие нажатием кнопки.
Я создал свой компонент. Я подключаю его к хранилищу, которое передается компоненту поставщиком. Но я получаю сообщение об ошибке:
Uncaught TypeError: this.doSearchClick не является функцией...
12902 просмотров
schedule
06.01.2024
Состояние доступа внутри метода mapDispatchToProps
Я написал компонент контейнера, используя избыточность, и моя реализация для mapDispatchToProps выглядит так
const mapDispatchToProps = (dispatch, ownProps) => {
return {
onChange: (newValue) => {...
33716 просмотров
schedule
17.05.2024
Ошибки при включении простого компонента в приложение (react/redux)
У меня есть шаблон на основе https://github.com/coryhouse/react-slingshot/ . Я удалил приложение FuelSavings и заменил его тем, которое работает нормально, но я написал компонент, и когда я включаю его в приложение, он не позволяет ничего отображать...
249 просмотров
schedule
30.10.2022
React-Redux mapDispatchToProps не получает mapStateToProps
В моей функции mapStateToProps я установил idToken и accessToken значения, хранящиеся в состоянии. Это работает, так как я смог сослаться на эти значения из компонента. В mapDispatchToProps я пытаюсь использовать эти реквизиты в качестве...
9406 просмотров
schedule
08.06.2022
Является ли использование состояния компонента в Redux антипаттерном?
В настоящее время у меня есть настройка магазина. Различные вещи вызывают события для обновления хранилища, которое обновляет реквизиты ниже по течению. Это очень удобно, когда вы запускаете что-то для обновления нескольких компонентов.
Является...
1449 просмотров
schedule
01.08.2022
Управление состоянием прокрутки между родственными компонентами в React / Redux
Как компонент React может управлять положением прокрутки дочернего компонента?
Parent - родительский компонент, у него есть дочерние элементы List (который содержит прокручиваемый div) и Actions с кнопкой, которая должна управлять прокруткой...
3089 просмотров
schedule
17.07.2023
Как изменить размер, а затем отобразить на холсте с помощью react-redux
Я пишу приложение response-redux и не могу понять, как выполнить рендеринг на холсте после изменения его размера.
По сути, у меня есть два ползунка, которые при изменении обновляют ширину и высоту моего холста. В моем редукторе я могу выполнить...
691 просмотров
schedule
13.03.2022
Каковы наиболее важные соображения при разработке действий Redux?
Если у меня есть ситуация: компонент имеет 3 операции (перечислите всю информацию || необходимая информация для поиска || информация о фильтре), но все эти операции зависят от одного и того же API , просто другие параметры.
Я хотел бы знать,...
123 просмотров
schedule
30.07.2023
Повторное использование редукторов для одного и того же компонента
Скажем, я написал свой собственный редуктор counter и соответствующий компонент <Counter /> , созданный функцией connect().
Затем я создаю store для хранения данных counter и визуализирую <Counter /> внутри <Provider />...
185 просмотров
schedule
20.03.2024
мобильная производительность с использованием mapbox
Я пытаюсь использовать Mapbox ( https://github.com/mapbox/react-native-mapbox-gl ) с React-Native, React Redux и Flux Navigation.
Я структурировал свое приложение по модульному принципу, где у меня есть один модуль поиска и карты. Он устроен...
299 просмотров
schedule
10.09.2023
React/Redux — активировать действие после завершения предыдущего действия.
Я создаю свое первое приложение с помощью React + Redux, и я столкнулся с проблемой, и я не уверен, как лучше всего с ней справиться.
У меня есть компонент "Фильтр" и "Список". Список — это просто список записей, а содержимое списка определяется...
1477 просмотров
schedule
20.08.2022
Передача props в компонент контейнера react-redux
У меня есть компонент контейнера response-redux, который создается в компоненте React Native Navigator. Я хочу иметь возможность передавать навигатор в качестве опоры этому компоненту контейнера, чтобы после нажатия кнопки внутри его презентационного...
52901 просмотров
schedule
21.03.2022
Реквизиты React-Redux и Chart.js Не перерисовывать
Я новичок в React-Redux и создаю приложение, которое динамически обновляет диаграммы (из react-chartjs) на основе флажков, которые щелкает пользователь. (см. ссылку на репозиторий github ниже!)
моя проблема возникает, когда пришло время обновить...
1381 просмотров
schedule
25.11.2022
React-redux исходные данные ajax и сгенерировать дочерние элементы
Я новичок в react-redux. Должен сказать, что я читал много примеров проекта, многие используют webpack и объединяют множество пакетов без подробного описания. Я также несколько раз читал официальный пример, но все еще не могу его хорошо понять,...
629 просмотров
schedule
24.05.2022
Проверка разрешений от компонентов в приложении React/Redux
Я пытаюсь работать с командой, создающей приложение React, и пытаюсь найти лучший способ создать компонент React «высшего порядка» (тот, который обертывает другой) для выполнения аутентификации в сочетании с хранилищем данных Redux.
До сих пор мой...
14739 просмотров
schedule
21.03.2023