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

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

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

9 ответов

13 просмотров

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

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

Не совсем понял вопрос про селектор. Это инструмент? У меня вот такое состояние у редьюсора 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 } }; Я только недавно изучаю реакт, и пока что возникают сложности, на подобии этой

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

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

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

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

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

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

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

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

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

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

Павел-Конин Автор вопроса
Тимофей 🛴
Ну ты сортируешь в 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);

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

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

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

Обсуждают сегодня

а через ESC-код ?
Alexey Kulakov
29
30500 за редактор? )
Владимир
47
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
в JclConsole объявлено так: function CtrlHandler(CtrlType: DWORD): BOOL; stdcall; - где ваше объявление с stdcall? у вас на картинке нет stdcall
Karagy
8
Ребят в СИ можно реализовать ООП?
Николай
33
program test; {$mode delphi} procedure proc(v: int32); overload; begin end; procedure proc(v: int64); overload; begin end; var x: uint64; begin proc(x); end. Уж не знаю...
notme
6
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта