Category: Redux

06
Дек
2021

Как правильно обрабатывать функцию в componentDidUpdate() [закрыт]

Работаю с классовым компонентом в реакт. У меня в state хранятся обьекты, которые заполняются путём выборки данных из селекта, и данные из этих обьектов используются для вызова функции.
Функцию я вызываю в componentDidUpdate():
componentDi…

31
Окт
2021

Вывод информации на другой странице

Есть код https://stackblitz.com/edit/react-vsem7c (см. Переход на другую страницу по нажатию кнопки Войти

На главной странице есть форма авторизации с логином и паролем. После
нажатия кнопки Войти должен происходить переход с главной стра…

28
Окт
2021

Переход на другую страницу по нажатию кнопки Войти

Есть две страницы:
/ – главная страница,
/profile – страница профиля
На главной странице есть форма авторизации с логином и паролем. После нажатия кнопки Войти должен происходить переход с главной страницы на страницу с профилем, где в тег…

27
Окт
2021

Как передать dispatch в withFormik?

Как передать dispatch в компонент, созданный withFormik, чтобы его использовать в handleSubmit. Передать как аргумент из обворачиваемого компонента не получается, т.к. там есть уже зарезервированные параметры.
const LoginForm = withFormik&…

26
Окт
2021

Добавление объекта в массив reducer redux

Подскажите пожалуйста, как можно добавить объект (книга) в store?
При нажатии на order на карточке книги, она должна быть добавлена в store – takenBooks. Эта книга будет значится как взятая и более не доступная. Её статус изменится с avail…

22
Окт
2021

Redux, значения из формы

Подскажите пожалуйста, как из формы регистрации передать значения в стор, для дальнейшей проверки при авторизации.
Данные из формы регистрации собираются при помощи redux-form. Пока они записываются только в localStorage.
const SignUp = (p…

21
Окт
2021

Обучение Frontend-разработке с оплатой после трудоустройства

Курсы программирования на JavaScript c оплатой после трудоустройства. Каждый выпускник получает предложение о работе и зарплату на 30 % выше ожидаемой
— Читать дальше «Обучение Frontend-разработке с оплатой после трудоустройства»

21
Окт
2021

регистрация и авторизация с Redux-form

Подскажите, как занести данные в стор из формы регистрации, используя react-form?
В компоненте SignUpForm происходит регистрация, запись username, birthday, email и password.
Далее требуется заносить эти значения юзера в стор, для дальнейш…

18
Окт
2021

Авторизация React redux-form

Подскажите пожалуйста, как можно реализовать проверку наличия пользователя и вход в аккаунт после прохождения регистрации? Формы регистрации и авторизации подвязаны на redux-form.
const renderField = ({ input, label, type, meta: { touched,…

12
Окт
2021

Не обновляется компонент после обновления store, что делать?

Есть вот такой блок кода в reducer, который может выполнится в любое время. В console.log выводится правильная структура обьекта updates(словарь), но компонент не перерисовывается(он присоединен к store) после повторного изменения store в …

07
Окт
2021

Переадресация при использовании React + Redux

Подключен react-router-dom + redux + middleware Redux Thunk.
Имеется страница index, она при загрузке вызывает метод запроса данных к серверу. Этот метод реализован в виде асинхронной функции, которая передается в dispatch (и которую собст…

05
Окт
2021

Запись значения в Store

В компоненте FetchData отправляется запрос с ответом в виде массива, который записывается в state. Далее рендерится карточка с данными из стейта.
const FetchData = () => {
const [currency, setCurrency] = useState([]);

const fetchUR…

27
Сен
2021

SignalR hub.On методы работают только после обновления страницы в React приложении

У меня есть этот код на ReactJS и SignalR. Методы SignalR On работают только после обновления страницы. Объясните, пожалуйста, как решить эту проблему.
componentDidMount() {
const connection = new HubConnectionBuilder()
.with…

10
Сен
2021

Смена состояния при регулярном обновлении данных через API

Доброго времени суток.
Мне необходимо сменить состояние кнопки по клику. Состояние этой кнопки (а так же другие данные) я получаю по API раз в секунду. Сейчас я реализовал так, что при нажатии на кнопку я меняю состояние на сервере, а отоб…

20
Авг
2021

Как передать символ решетки через параметры для поиска, axios

Пытаюсь передать значение для поиска в БД, но в поле есть символ # и при отправке урл обрезается после символа.
пытался закодировать значение через encodeURIComponent получилось, но отправляется %2311 (%23 решетка)
скрин2
и в базе он делае…

17
Авг
2021

Стираются данные при переходе на вторую страницу

У меня есть поле(history) куда записываются значения операций(например: 1+1. 2*8 и тд)
Но при переходе на вторую страницу и возвращаясь поле history очищается. Первая мысль была сделать это через localStorage, но надо делать через redux. П…

15
Авг
2021

redux-form по дефолту тримит строку

вопрос, редакс форм по дефолту в сторе триммит строку и оставляет там по одному пробелу, то есть – в инпуте вводи 2-3 пробела подряд но в стор попадает один пробел, пробовал прокидовать функцию в проп normalize где просто без изменений пер…

15
Авг
2021

redux-form по дефолту тримит строку

вопрос, редакс форм по дефолту в сторе триммит строку и оставляет там по одному пробелу, то есть – в инпуте вводи 2-3 пробела подряд но в стор попадает один пробел, пробовал прокидовать функцию в проп normalize где просто без изменений пер…

12
Авг
2021

Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application

Пытаюсь добавить крутилку загрузки в свой проект на React Native, но при перезапуске выдает предупреждение
Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. T…

07
Авг
2021

Поиск по массиву в reducer React redux

Доброй ночи. Хотел реализовать поиск по массиву в редьюсере, но при каждом прохождении фильтром по массиву старые элементы удаляются и стейт мутирует. Как я могу это исправить?
Вот reducer:
const initialState = {
arrayOfItem: [{name: ‘…

05
Авг
2021

Отставание state в React

возникла проблема:
Я делаю конвертер валют на React + redux
Я получаю Rub input, передаю его в редакс, умножаю на курс доллара и передаю в Currency input, но туда приходит старое значение инпута
никто не знает как исправить ошибку?
Кода мн…

25
Июл
2021

Как сделать анимацию переключения картинки

Доброго времени суток!
Я только учусь и поэтому прошу сильно не ругать за возможные глупости! 🙂
Делаю учебный проект интернет магазина на React.js + Redux, так вот сделал я компонент по типу слайдера и выглядит он примерно вот так:

работ…

19
Июл
2021

Redux-Persist не сохраняет state

Не сохраняются данные из стейта в локалСторадж. Сталкивался кто?
store.js

import { createInjectorsEnhancer } from ‘redux-injectors’;
import { applyMiddleware, createStore } from ‘redux’;
import { composeWithDevTools } from ‘redux-devto…

17
Июл
2021

Не работает валидация Yup в управляемых инпутах

Я создаю форму в React через Formik, валидирую поля через Yup. Состояние(значения) полей храню в Redux, при каждом изменении обновляю. Но, кажется из-за этого не работает валидация через Yup, будто оно не видит значения поля. Вот код:
Как …