Как отфильтровать массив в reducer-е, react/redux?

Question

[ch-aqwer]

Добрый день! Подскажите пожалуйста как вы реализуете фильтрацию на react/redux?
Вопрос, нужно ли использовать новый массив?
Сейчас у меня проблема, при фильтрации в редюсере беру массив из стейта фильтрую его,
и каждый раз береться отфильтрованный массив, то есть я не могу вернуться назад (увидеть предварительные данные), даже когда инпут пустой.
код фильтрации

state.data.filter((item) => item.n.toLowerCase().indexOf(action.text.toLowerCase()) > -1);

Спасибо!

Comments

[Роман Александрович]

а можно увидеть весь редюсер?

[ch-aqwer]

Роман Александрович,

const fetchDataReducer = (state = initState, action) => {
	switch (action.type) {
		case FETCH_REQUEST:
			return state;
		case FETCH_SUCCESS:
			return {
				...state,
				companyData: action.company_list,

			};
		case FETCH_ERROR:
			return {
				...state,
				companyData: action.payload,
			};
		case GET_SOCKET_DATA:
			return {
				...state,
				companyData: state.carFilterMode ? state.companyData : mergeSocketData(state.companyData, action.socketData),
				// companyDataImm: state.carFilterMode ? state.companyData : mergeSocketData(state.companyData, action.socketData)
			};
		case CAR_FILTER:
			console.log(state)
			return {
				...state,
				carFilterMode: true,
                               companyData: state.companyData.filter((item) => item.n.toLowerCase().indexOf(action.text.toLowerCase()) > -1)
			};
		default:
			return state
	}
};

[Роман Александрович]

ch-aqwer,
а в этом консоле старые state или уже новый?

case CAR_FILTER:
      console.log(state)
      return {
        ...state,
        carFilterMode: true,
                               companyData: arr.filter((item) => item.n.toLowerCase().indexOf(text.toLowerCase()) > -1)
      };

[ch-aqwer]

Роман Александрович, новый, отфильтрованный

[Роман Александрович]

ch-aqwer, попробуйте так

case CAR_FILTER:
      
     let cars=[]
 cars=state.companyData.filter((item) => item.n.toLowerCase().indexOf(action.text.toLowerCase()) > -1)

console.log(state,cars)
      return {
        ...state,
        carFilterMode: true,
                               companyData: cars
      };

[ch-aqwer]

Роман Александрович, не помогло

[Роман Александрович]

ch-aqwer, вы можете в экшене достучаться до стора и дастать необходимые данные и передавать в редюсер по ключи. таким образом у вас будут старые данные. покажите ваш экшен.

Answer 1

[Антон]

https://github.com/reactjs/reselect