1. split
const reducer = (state, action) => {
switch (action.type) {
case 'ADD_RECIPE':
return Object.assign(
{}, state, {
recipes: state.recipes.concat({name : action.name})
});
case 'ADD_INGREDIENT':
const myIngredients = {
name : action.name,
quantity: action.quantity,
measure: action.measure,
recipe: action.recipe
};
return Object.assign(
{}, state, {
ingredients: state.ingredients.concat(myIngredients)
});
}
return state;
}
recipeReducer
export const recipeReducer = (stat, action) => {
switch (action.type) {
case 'ADD_RECIPE':
return
Object.assign(
{}, state, {
ingredients: state.ingredients.concat(myIngredients)
});
} return recipes; }
ingredientReducer
const ingredientReducer = (state, action) => {
switch (action.type) {
case 'ADD_INGREDIENT':
const myIngredients = {
name : action.name,
quantity: action.quantity,
measure: action.measure,
recipe: action.recipe
};
return Object.assign(
{}, state, {
ingredients: state.ingredients.concat(myIngredients)
});
}
return state;
}