Вопросы с меткой [redux]
Библиотека для JavaScript с открытым исходным кодом, предназначенная для управления состоянием приложения. Чаще всего используется в связке с React или Angular для разработки клиентской части. Содержит ряд инструментов, позволяющих значительно упростить передачу данных хранилища через контекст.
647
вопросов
0
голосов
0
ответов
22
показа
createAsyncThunk и преобразование данных
Всем привет!
Помогите, пожалуйста, никак не получается: делаю проект с News API и внедряю redux toolkit. Возникла такая проблема: мне нужно получить статьи и после преобразовать их (вытащить только ...
0
голосов
3
ответа
25
показов
Ошибка Element implicitly has an 'any' type because expression of type 'string' can't be used to index type при использовании функции Sort()
Использую redux-toolkit, вот моя функция сортировки:
sortedPosts(state,action:PayloadAction<string>) {
state.filterPosts = state.posts.sort((a,b) => a[action.payload].localeCompare(b[...
0
голосов
0
ответов
13
показов
Переключение цветовой темы в react
Нужно сделать переключение тем (светлая/темная), чтобы при переключении данные вносились в redux и cookie. Вот мой код:
При загрузке приложения происходит инициализация. Если файла cookie еще нет, он ...
0
голосов
2
ответа
28
показов
Передача актуального state в redux-toolkit
Всем привет! Столкнулся с такой проблемой. Есть приложение на React + redux-toolkit. В бэкенде прописана логика авторизации и проверки jwt-токена. На фронте я делаю запрос на проверку пользователя. ...
0
голосов
0
ответов
19
показов
A non-serializable value redux
import { createSlice } from "@reduxjs/toolkit"
const modalsSlice = createSlice({
name: "modals",
initialState: {
errorModal: {
text: ''
},
submitModal: {
text: '',
...
0
голосов
0
ответов
14
показов
webpack не билдит компоненты index.tsx (React Redux Toolkit TypeScript)
При команде npm run build webpack собирает проект как нода.
При запуске index.html применяются только стили, и не загружает компоненты, не выдавая ошибок ни при сборке, ни при запуске.
мой webpack....
0
голосов
1
ответ
24
показа
Изменение темы (светлой/темной) react
Подскажите, пожалуйста, я новичок в react, я сделал кнопку изменения темы, которая при клике должна диспатчить action и менять тему на противоположную, но state не меняется.
const ThemeToggler = ({ ...
0
голосов
0
ответов
33
показа
Асинхронное обновление состояния
JS-код сначала обновляет состояние, а затем отправляет запрос на сервер, чтобы обновить данные:
function onSubmit() {
dispatch(addTodo(text, id)); //обновляем состояние
fetch('http://localhost:...
0
голосов
1
ответ
36
показов
Не могу сортировать массив в стейте Redux Toolkit
Стек: react, redux toolkit
Имеется следующая типизация глобал стейта:
export type TodoItem = {
id: string;
title: string;
order: number;
content: string;
isChecked: boolean;
};
export ...
0
голосов
0
ответов
21
показ
Redux вытащить данные из fetch
Решил попробовать redux, после useContext. Почитал про диспатч и разные инструменты, но не понял. Можно ли вытащить просто данные из fetch по примеру контекста и хука?
import {createStore} from "...
0
голосов
0
ответов
16
показов
Происходит бесконечный ререндер компонента react [дубликат]
При загрузке страницы в консоль выводится такая ошибка:
Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
at renderWithHooks (react-dom.development....
0
голосов
1
ответ
26
показов
Как запушить объект в массив в массиве в стейте?
Ниже размещу типизацию для стейта Redux:
export type TodoItem = {
id: string;
title: string;
order: number;
content: string;
isCompleted: boolean;
};
export type Boards = {
title: ...
0
голосов
0
ответов
15
показов
Как организовать хранение уведомлений(Toast Notification) на React?
у меня есть проект на React и Redux(RTK) и мне нужно создать уведомления как на изображении
Я создал портал и кинул туда список с уведомлениями, но проблема в том, что я не знаю как добавлять в этот ...
0
голосов
0
ответов
17
показов
Не могу понять суть работы с ReturType
Ребят! Всем салют! Не могу толком понять в чём заключается работа ReturnType?
Если кто может объяснить на понятном языке то буду очень благодарен!
import thunk from "redux-thunk";
import {...
0
голосов
0
ответов
36
показов
Redux-toolkit и получение значений из стора после запросов
Идея была в том, что с помощью rtk-query загружать картинки. Сначала пробовал через Promise.all().then(), в then() я должен был получить заполненный массив. Но и этого не получил. Теперь попробовал ...
0
голосов
0
ответов
18
показов
Проблема c redux
есть запрос на апишку,в нее передаю объект value со свойствами:
export const translateRequest = createAsyncThunk('translate/requestState', (value) => {
const encodedParams = new ...
0
голосов
1
ответ
42
показа
При отправке url страницы в redux, я получаю актуальный url со 2 раза
Всем привет. Столкнулся c проблемой. Есть задача, нужно при клике на определенный Link (react-router-dom) получить url данной страницы куда перешел и записать этот путь в redux, например /home, я ...
0
голосов
0
ответов
25
показов
Как получить файл с сервера с помощью RTK Query
Приложение в связке NestJS + Redux RTQ Query.
На сервере мы формируем get-запрос:
@UseGuards(JwtAuthGuard, RolesGuard)
@Get('/download/:id')
@Header('Content-Type', 'application/zip')
@Header('Content-...
0
голосов
0
ответов
32
показа
Uncaught TypeError: Cannot read properties of undefined (reading 'map')
Выдаёт в консоли ошибку при втором рендеринге компонента (после авторизации/регистрации и переходе на главную страницу). Прошерстил множество похожих вопросов и пробовал различные варианты решения, но ...
0
голосов
0
ответов
12
показов
Открывается новая instanse в redux devtools переходе на другую страницу
Каждый раз, когда я перехожу с помощью react-router с одной страницы на другую своего приложения, redux devtools создает новую instance и как бы обновляет свою историю.
Есть ли возможность отключить ...
0
голосов
0
ответов
27
показов
не пойму почему фильтрация копии массива в редьюсере мутирует массив
На страницы Face в useEffect делаю запрос за данными карточек, карточки получаю и извлекаю их в useSelector и отрисовываю контент этими карточками. У меня есть своего рода табы, по клику на которые ...
0
голосов
0
ответов
21
показ
Useselector react-redux возвращает новую ссылку на состояние или одну и ту же?
Прочитал в документации Redux что useSelector использует строгое сравнение и если возвращаемое useSelector значение не изменилось то компонент перерендерен не будет. При этом я знаю что reducer ...
0
голосов
0
ответов
23
показа
Uncaught TypeError: Cannot destructure property 'lat' of 'location' as it is undefined
Подскажите пожалуйста, в чём может быть причина ошибки.
Мне нужно при обновлении страницы сохранять данные в redux, а потом рендерить их.
Если закомментировать вывод на страницу, то в консоли сначала ...
0
голосов
0
ответов
33
показа
Разные сессии в React
Всем привет, у меня есть TodoList в нем список дел их можно удалять добавлять и зачеркивать. Как сделать чтоб например я открыл свое приложение в двух вкладках, в первой я удалил одно дело, и в другой ...
0
голосов
0
ответов
19
показов
React + Redux. Обновляется хранилище (store), но не обновляется страница. Точнее обновляется, но только если сохранять файл компонента с connect
У меня ренедрится вот такой массив клеток, внутри которой или находиться звездочка, или клетка пустая (ещё она может быть закрашенная, но не суть):
function GamePlayerZone(props) {
return (
...
0
голосов
0
ответов
41
показ
Redux Toolkit: Получение состояния через listenerApi.getState() в createListenerMiddleware
Использую в проекте TS + React + RTK
Пытаюсь создать слушателя с помощью createListenerMiddleware и внутри получить доступ к слайсу состояния следующим образом:
const storeSlice: storeSlice = ...
0
голосов
0
ответов
15
показов
Почему условие работает неправильно?
Я использую динамический скролл(бесконечный), и каждый раз доходя до конца страницы (меньше 100px) я отправляю новый запрос с новой страницей.
В Redux я изменяю массив
state.items = [...state.items, .....
0
голосов
1
ответ
51
показ
react-redux обновляет одно из полей состояния самостоятельно без action
Всем добрый вечер. Есть условный код:
function Parent(){
{routeMarkers} = useAppSelector((state) => state.mapSearch);
return(
<RouteMarkers routeMarkers={routeMarkers} />
)
}
Cildren ...
0
голосов
0
ответов
35
показов
Передать данные из GetStaticProps в Redux-toolkit
Начал осваивать Next.js, возник вопрос как данные из getStaticProps передать в Redux-toolkit. То есть если раньше это делал в Redux-toolkit с помощью createAsyncThunk, потом в extraReducers прокидывал ...
0
голосов
0
ответов
14
показов
Как реализовать сортировочную таблицу на React?
Возникла проблема: имеется react приложение, оно работает, но как там прописан код, 2 пальца в рот просто, и я хочу его прореакторить, но не могу придумать лучшую логику для этого задания. Итак, ближе ...
1
голос
0
ответов
26
показов
Unexpected token ' { '. Import call expects exactly one argument. React Native
В приложении React Native возникает такая ошибка
App.js
import {TailwindProvider} from "tailwindcss-react-native";
import {Provider} from "react-redux";
import {store} from "./...
0
голосов
1
ответ
71
показ
React. redux-ORM. Не обновляется state после добавления данных
2 дня не могу решить проблему, всё что можно перепробовал.
Использую react, redux-toolkit и redux-orm. При записи полученых значений в редьюсер orm модели, стейт не обновляется. Подробнее:
Есть ...
0
голосов
0
ответов
13
показов
не могу подружить socket.io и redux
Есть проблема.
Локально запущен сервер на socket.io, который раз в пять секунд отдаёт массив объектов.
Задача - поймать эти данные на клиентской стороне (тоже локально) и красиво распарсить в HTML (...
0
голосов
0
ответов
12
показов
Как внутри createAsyncThunk получить свойство через useParams?
Я хочу сделать тудулист с добавление дела для определенного пользователя. Данные я беру с https://jsonplaceholder.typicode.com/todos. Я через роутинг выбрал пользователя, и получил в строке запроса ...
0
голосов
1
ответ
81
показ
React. Redux-persist v6. Отложенная регидрация или как загрузить из хранилища после авторизации?
Есть корневой редьюсер- состоит из множества комбинированных
const authTransform = createTransform(
(inboundState: IAccount) => ({ id: inboundState.id }),
(outboundState: IAccount) => ...
0
голосов
0
ответов
14
показов
как можно заменить реализацию redux на react context?
подскажите пожалуйста как можно было бы заменить реализацию компонента userSlice
на нативный контекст react-а(раньше с ним не работал никогда поэтому возник такой вопрос)
import { createSlice } from &...
0
голосов
1
ответ
168
показов
Запрос с одинаковыми параметрами, но разными результатами | RTK Query | Redux Toolkit
Я недавно изучил redux-toolkit и мне понравилась идея rtk, но у меня сразу возник вопрос: а что мне вернется, если данные, отправленные в запрос одинаковы, но вот результаты разные?
Как пример: есть ...
0
голосов
1
ответ
197
показов
Как отправить запрос Get через Axios с параметрами json внутри?
Как отправить запрос Get через Axios с параметрами json внутри? Делаю этот запрос, выдает ошибку 422, а если делаю пост запрос с такими же параметрами, всё работает исправно. Можно конечно данные ...
0
голосов
1
ответ
78
показов
Как правильно работать с ошибками формы в React final form?
Проблема такая, я не знаю как правильно показывать ошибки формы в final form.
Я научился показывать ошибки валидации отдельных филдов, но не знаю как поступить с ошибкой всей формы. Вот ситуация:
Идёт ...
0
голосов
1
ответ
42
показа
Как удалить объект из массива Redux?
Пишу небольшой магазинчик и по нажатию кнопки нужно удалить элемент с подходящими id и size, проект делаю по референсу и не могу понять, почему у него работает, а у меня нет?
const initialState = {
...
0
голосов
1
ответ
38
показов
Ошибка "TypeError: symbol is not a function at String (<anonymous>)" при использовании Jest
Всем доброго дня. Есть приложение с картографией. Задача протестировать компонент отрисовки карты. В проекте используются React, Redux и Jest. Код теста:
import React from 'react';
import { render, ...
0
голосов
0
ответов
14
показов
React. Redux. Не получается осуществитесь валидацию пользователей в форме входа на сайт
Есть 2 идентичные страницы: одна страница входа(авторизации), а другая - регистрации.
В форме регистрации я осуществила через redux добавление данных пользователей. А вот сравнить данные вводимые на ...
0
голосов
0
ответов
138
показов
TypeScript: Object is possibly 'undefined'
const FormInput: FC<IFormInputProps> = ({ name, label, ...otherProps }) => {
const {
control,
formState: { errors },
} = useFormContext();
return (
<Controller control={...
0
голосов
1
ответ
84
показа
Как отрисовать новые данные запроса, по очереди в React/Redux Toolkit?
На данный момент у меня данные перетираются новыми. Либо выдает два одинаковых поля.
Мой slice:
import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
import { API_URL } from '../....
0
голосов
0
ответов
23
показа
Использование ref-переменной в redux/toolkit
Осваиваю React. Столкнулся со следующей проблемой.
Есть компонент:
const map = useRef();
<YMaps className='map' version={ '2.1.79' }
query={{ apikey: 'YOUR API KEY' }} instanceRef={map}>
...
0
голосов
0
ответов
40
показов
React + Redux Удаление карточки товара не работает и слетела функция подсчитывающая количество товара на главной странице
Пытаюсь осуществить функцию удаления товаров по клику на кнопку с помощью метода filter, но почему-то не выходит. Подскажите пожалуйста, что я делаю не так?
Кроме того слетела функция подсчета товара ...
0
голосов
1
ответ
19
показов
Как перемещать элементы State в Redux?
Учусь Редаксу. Делаю учебный проект Бесконечные подсписки. Идея такая: при запуске есть поле + кнопка "Добавить". В поле вводится текст, нажимается "Добавить", выше поля появляется ...
0
голосов
0
ответов
24
показа
Асинхронная функция работает не так, как нужно
Итак, в чем проблема, у меня есть метод:
const logIn = async (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
e.preventDefault()
await login(email.value, ...
0
голосов
0
ответов
27
показов
RT-Query авторизация. Реакт
Возможно ли без костылей сделать авторизацию на RT-Query? Не использую чанк и слайс.
0
голосов
0
ответов
16
показов
Работа с REST API
Я работаю с REST API сортировка происходит на стороне back end
запросы get осуществляются так (base url/api/products...sortBy=NEW к примеру
и мне нужно менять эти сортировки в зависимости от ...