Всем привет! Добавил в приложение редакс, в одном компоненте асинхронно получаю

Question

Всем привет! Добавил в приложение редакс, в одном компоненте асинхронно получаю

данные из внешнего источника, передаю их в стор а потом вытаскиваю их оттуда в другом компоненте. В принципе все работает но постоянно в консоли пишет ошибку:
"Warning: Cannot update a component (TestReduxData) while rendering a different component (DataLinkContext). To locate the bad setState() call inside DataLinkContext"

Подскажите пожалуйста как убрать эту ошибку?

DataLinkContext - компонент получающий данные и кладущий в стор
TestReduxData - в нем просто пытаюсь вытащить данные из стора
Спасибо!

#frontend #javascript #programming #react.js #russian

0

07.06.2023

13 ответов

12 просмотров

Andrew Che Автор вопроса

Andrew Kovalev
У вас реакт роутер подключен? Делаете редирект на ...

<BrowserRouter> и рендеринг по условию имеете в виду?

0

07.06.2023

Andrew Kovalev

Andrew Che
<BrowserRouter> и рендеринг по условию имеете в в...

Ага

0

07.06.2023

Andrew Kovalev

Andrew Che
<BrowserRouter> и рендеринг по условию имеете в в...

Если у вас логика что скажем стетй пустой то nav(/route). То вот этот хук nav перенесите в юзэффект и ошибка должна уйти

0

07.06.2023

Andrew Che Автор вопроса

Andrew Kovalev
Если у вас логика что скажем стетй пустой то nav(/...

У меня сейчас в получающем компоненте такое: import React from 'react'; import { useSelector } from 'react-redux'; export default function TestReduxData() { const dataGpsTableMy = useSelector((state) => state.datas); console.log(dataGpsTableMy.datas[0], 'моя табличка'); попробовал обернуть в useEffect const dataGpsTableMy = useSelector((state) => state.datas); и вообще все упало Вероятно я неправильно понимаю что вы имеете в виду

0

07.06.2023

Andrew Kovalev

Andrew Che
У меня сейчас в получающем компоненте такое: impo...

Во 1 useselecto не используют в useeffect. Во вторых неверно переопределять константу в которую передаете состояние из редакса

0

07.06.2023

Andrew Che Автор вопроса

Andrew Kovalev
Во 1 useselecto не используют в useeffect. Во втор...

спасибо

0

07.06.2023

Andrew Kovalev

Andrew Che
спасибо

Логика такая - определяете в слайсе исходное состояние и экшнны( функции которые будут у вас выполнять изменения стейта) После. Там где вы хотите сделать условно get state вы используете хук юз селектор и получаете часть стейта. А если вам нужно изменить стетй вы должны вызвать dispatch(setUser())

0

07.06.2023

Andrew Che Автор вопроса

Andrew Kovalev
Логика такая - определяете в слайсе исходное состо...

Самый последний вопрос - можно ли прямо в слайсе прописывать функцию получения данных из внешнего источника?

0

07.06.2023

Rain

Andrew Che
Самый последний вопрос - можно ли прямо в слайсе п...

ну можно в файле со слайсом это делать типа такого ))

0

07.06.2023

Rain

Andrew Che
Самый последний вопрос - можно ли прямо в слайсе п...

Можно делать это в файле со слайсом типа такого ))

0

07.06.2023

Kirill Gorbenko

Andrew Che
Самый последний вопрос - можно ли прямо в слайсе п...

Нет, посмотри что такое createAsyncThunk

0

07.06.2023

Andrew Kovalev

Andrew Che
Самый последний вопрос - можно ли прямо в слайсе п...

Прям в слайсе - не желательно. Слайс это по сути синтаксический сахар для двух сущностей - реьюсер и экшн креэйтор. Редьюсер простая функция которая получает экшн и стейт и меняет его. Если вам нужно делать доп запросы - типо фетч или другие запросы к апи вам нужен Middleware в redux toolkit есть функция createMiddleware вроде так называется . Если вам нужно навесить загрузку чего то из апи вам нужна эта функция

0

07.06.2023

Andrew Kovalev · Accepted Answer

Andrew Kovalev

У вас реакт роутер подключен? Делаете редирект на основе стейта?

0

07.06.2023

169 похожих чатов

Всем привет! Добавил в приложение редакс, в одном компоненте асинхронно получаю

13 ответов

Похожие вопросы