为什么reducer里不用switch呢？

来源：5-5 Action 和 Reducer 的编写

MichaelMa

2018-07-28

老师您好，

reducer里面我们会重复用到 action.type的判断，重复声明cosnt newState和return newState。根据DRY原则，能不能用switch代替if来判断呢？尤其是如果在前面逻辑的判断增多的情况下，代码的冗余会越来越多。

写回答

2回答

Dell

2018-07-29

完全可以，后面的课程里我用的就是switch了

MichaelMa

提问者

2018-07-28

我试了一下好像能运行？如下

import {CHANGE_INPUT_VALUE, ADD_TO_LIST, DELETE_ITEM} from './actionTypes';


const defaultState = {
  inputValue: '',
  list: []
};

export default (state = defaultState, action) => {
  const newState = JSON.parse(JSON.stringify(state));
  switch(action.type){
    case CHANGE_INPUT_VALUE:
      newState.inputValue = action.value;
      return newState;
    
    case ADD_TO_LIST:
      newState.list.push(newState.inputValue);
      newState.inputValue = '';
      return newState;

    case DELETE_ITEM:
      newState.list.splice(action.index,1)
      return newState;
      
    default:
      return state;
  }
};

这样有什么问题或者说影响吗？

React零基础入门到实战，完成企业级项目简书网站开发

主流新技术 React-redux，React-router4，贯穿基础语法

5275 学习 · 2496 问题

查看课程

相似问题

reducer怎么同时使用defaultState和combineReducers

回答 2

Store存在的意义是什么，感觉reducer自己就可以了呀？

回答 1

header部分的index.js里面为什么reducer不能写成* as reducer?

回答 1

dispatch(Fuc)时，不会进入reducer文件里默认导出的方法么，为什么

回答 1

reducer 里为什么要用switch 来判断action？

回答 1

打开慕课网App查看更多内容