reactjs - helmet - react js change title

cómo establecer el estado inicial en redux

Question

Estoy tratando de averiguar cómo establecer un estado inicial para una tienda en redux. Estoy usando https://github.com/reactjs/redux/blob/master/examples/todos-with-undo/reducers/index.js como ejemplo. Intenté modificar el código para que todos tuvieran un valor inicializado.

const todoApp = combineReducers({
  todos,
  visibilityFilter
}, {
  todos: [{id:123, text:''hello'', completed: false}]
})

siguiendo el documento: http://redux.js.org/docs/api/createStore.html

pero no está funcionando, y no estoy muy seguro de por qué.

Answer 1

Debe ser el segundo argumento para createStore :

const rootReducer = combineReducers({
  todos: todos,
  visibilityFilter: visibilityFilter
});

const initialState = { 
  todos: [{id:123, text:''hello'', completed: false}] 
};

const store = createStore(
  rootReducer, 
  initialState
);

Answer 2

Puede establecer el estado inicial en el (los) reductor (es).

const initialTodos = [{id:123, text:''hello'', completed: false}]

// this is the ES2015 syntax for setting a default value for state in the function parameters
function todoReducer(state = initialTodos, action) {
  switch(action.type) {
    ... 
  }
  return state
}


const todoApp = combineReducers({
  // todos now defaults to the array of todos that you wanted and will be updated when you pass a new set of todos to the todoReducer
  todos: todoReducer,
  visibilityFilter
})