redux_start-principle

redux_start-principle

import {createStore} from 'redux';


const initState = {
  car: 'Audi',
  color: 'red'
}
// console.log('initState', initState)

function reducer(state = initState, action) {
  // debugger
  // console.log(state)
  // console.log(action)
  switch (action.type) {
    case 'CHANGE_CAR':
      return {...state, car: action.payload}
      break;
    case 'CHANGE_COLOR':
      return {...state, color: action.payload}
      break;
    default:
      break;
  }
  return state
}

const store = createStore(reducer);
console.table(store.getState())

const changeCar = {
  type: 'CHANGE_CAR',
  payload: 'BMV'
}
const changeColor = {
  type: 'CHANGE_COLOR',
  payload: 'white'
}

store.dispatch(changeCar)
console.table(store.getState())

store.dispatch(changeColor)
console.table(store.getState())