Как использовать combineReducers redux?

Question

[ravshan selimov]

Всем привет,
так до конца и не понял как использовать combineReducers в redux.
Прочитал документацию, погуглил.
Большую часть понял, но выводит ошибку

Unexpected keys "checkLogged", "isLogged", "user", "isAdmin", "lotteries", "categories", "tickets"
found in preloadedState argument passed to createStore.
Expected to find one of the known reducer keys instead: "authorizationReducer", "userReducer", "categoriesReducer", "adminCategoriesReducer", "adminTicketsReducer".
Unexpected keys will be ignored.

всё что я понял что мои свойства(начальное состояние) не передаются
код :

store.js

import {createStore} from 'redux';
import reducer from './reducers/rootReducer.js';


const initialState = {
	
	checkLogged : false, 
	isLogged    : false,
	user        : false,
	isAdmin     : false,

	lotteries   : {},
	categories  : {},
	tickets     : {}

}

const store = createStore(reducer, initialState);

export default store;

rootReducer.js

import {combineReducers} from 'redux';


import authorizationReducer from './authorization/authorizationReducer.js';
import userReducer          from './profile/userReducer.js';
import categoriesReducer    from './lotteries/categoriesReducer.js';
import ticketsReducer       from './tickets/ticketsReducer.js';


import adminCategoriesReducer from './admin/lotteries/categoriesReducer.js';
import adminTicketsReducer    from './admin/tickets/ticketsReducer.js';




const reducer = combineReducers({
	authorizationReducer,
	userReducer,
	categoriesReducer,
	ticketsReducer,

	adminCategoriesReducer,
	adminTicketsReducer
	
})

export default reducer;

пример редуктора(подредуктора)
./ticketsReducer

function reducer(state, action){
	
	switch (action.type) {


		case 'EDIT_TICKET_PRICE' : {

			return{
				...state,

				tickets : {
					...state.tickets,
					[action.name] : action.ticket
				}

			}

		}
		
		default : return state


	}

}

export default reducer;

Праильно ли я вообще сделал

Comments

[Timur Kostenko]

Попробуй убрать начальный стейт в createStore, у тебя стейт должен быть локально определен в каждом reducer.
И что это за проверка ? if ( state === undefined ) return {};, она по сути не нужна

[ravshan selimov]

Timur Kostenko, завтра попробую, да проверка не нужна, позже понял

[Timur Kostenko]

ravshan selimov, я понял, это ты хотел начальное состояние по дефолту поставить, тогда это лучше делать так

const initialState = {
  field: 'value'
}
const reducer = (state = initialState, action) => {
  // do staff
}

[ravshan selimov]

Timur Kostenko, Толком ничего не получилось, написал как бы замену этой функции, если не сложно взгляните

Answer 1

[ravshan selimov]

Так и не смог нормально понять, поэтому написал свою функцию объединяющую редукторы.
сама функция

function createRootReducer(reducers){

	return function(state, action){


		for (let i = 0; i < reducers.length; i++){

			let newState = reducers[i](state, action);
			if ( isEmpty(newState) == false ) return newState; 

		}
		

		return state;

	}

}

инициализация

const reducer = createRootReducer([
  //reducers array
])

Answer 2

[Islam Ibakaev]

начальное состояние

const initialState = {auth: {}, lotteries:{}, categories: {}, tickets:{}}

сократи количество редьюсеров до 4(по одному на каждый кусок состояния)

const reducer = combineReducers({ auth, lotteries, categories, tickets})

Comments

[ravshan selimov]

Толком ничего не получилось, написал ккак бы замену этой функции, если не сложно взгляните