Может кто подсказать? У меня есть редьюсор с двумя actions: получение списка

Question

Может кто подсказать? У меня есть редьюсор с двумя actions: получение списка

товаров
изменение параметров сортировки
если я вызываю в компоненте последовательно изменение параметров сортировки и получение списка товаров, то данные сортируются только после ререндера компонента.
как можно получить обновленные данные из редьюсора?

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

0

18.02.2021

9 ответов

12 просмотров

Павел Конин Автор вопроса

Тимофей 🛴
Ты сортируешь в селекторе? Пока не сильно понятно ...

Не совсем понял вопрос про селектор. Это инструмент? У меня вот такое состояние у редьюсора const initialState: ProductsListState = { products: [], isLoaded: false, count: 0, offset: 0, onPage: 9, descending: "DESC", orderBy: "price", category_id: 0 }; Соответственно, сама сортировка - изменение состояния const sortProductsList = (state: ProductsListState, payload: SortProductsListActionPayload) => { return { ...state, orderBy: payload.orderBy, descending: payload.descending } }; Я только недавно изучаю реакт, и пока что возникают сложности, на подобии этой

0

18.02.2021

Тимофей 🛴

Павел Конин
Не совсем понял вопрос про селектор. Это инструмен...

Селектор это функция с помощью которой ты получаешь какую то часть состояния в компоненте

0

18.02.2021

Тимофей 🛴

Павел Конин
Не совсем понял вопрос про селектор. Это инструмен...

Код лучше кидать на codesandbox, gist или скриншот, если он помещается

0

18.02.2021

Павел Конин Автор вопроса

Тимофей 🛴
Селектор это функция с помощью которой ты получаеш...

Компонент получает состояние из редукса через mapStateToProps. Далее, в sortHandle у меня следующий код: this.props.sortProductsList(sortPayload); this.props.getProductsList(); Я ожидаю, что этот код изменит состояние в редуксе, после чего выполнится getProductsList - который получает данные с апи отправляя параметры сортировки из изначального стейта. Но получается так, что состояние сортировки изменяется, но при этом getProductsList использует старое состояние Очень коряво объяснил, не знаю, как сформулировать грамотно. Селектор это https://redux.js.org/recipes/computing-derived-data "Memoized Selector"?

0

18.02.2021

Тимофей 🛴

Павел Конин
Компонент получает состояние из редукса через mapS...

Ну ты сортируешь в mapStateToProps массив products в зависимости от поля descending?

0

18.02.2021

Тимофей 🛴

Павел Конин
Компонент получает состояние из редукса через mapS...

mapStateToProps это тоже селектор, я просто про функции говорю, а мемоизированная она или нет, пока не важно

0

18.02.2021

Павел Конин Автор вопроса

Тимофей 🛴
Ну ты сортируешь в mapStateToProps массив products...

Нет, я не совсем понял вопрос, как сортировать массив products в mapStateToProps, если эта функция предназначена для помещения Redux State в Components.Props? Я не очень давно изучаю все react + redux, и делаю +- по документации Вот код коннекта редукса к компоненту function mapStateToProps(state: AppState) { return { productsList: state.productsList }; } function matchDispatchProps(dispatch: Dispatch) { return bindActionCreators({ getProductsList: getProductsList, sortProductsList: sortProductsList, clearProductsList: clearProductsList }, dispatch) } export default connect(mapStateToProps, matchDispatchProps)(ProductsList);

0

18.02.2021

Тимофей 🛴

Павел Конин
Нет, я не совсем понял вопрос, как сортировать мас...

Не кидай код в чат, невозможно читать. Ты должен в mapStateToProps сортировать массив products Только не забывай что sort() мутирует и тебе нужно скопировать массив

0

18.02.2021

Тимофей 🛴 · Accepted Answer

Тимофей 🛴

Ты сортируешь в селекторе? Пока не сильно понятно в чем проблема у тебя

0

18.02.2021

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

Может кто подсказать? У меня есть редьюсор с двумя actions: получение списка

9 ответов

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