javascript - mapDispatchToProps 内的状态

Question

我有:

const mapDispatchToProps = dispatch => (
  {
    slipsRadioClickHandler: (value) => {
      dispatch(slipsRadioClicked(value));
      switch (value) {
        case 'slips': {
          dispatch(requestSlips());
          dispatch(setExpandCollapse('slipsHide', true, 0))
          break;
        }
        default:
          break;
      }
    }
  }
);

但是 setExpandCollapse('slipsHide', true, 0) 必须分派(dispatch) 17 次，这是 List 的长度。这份名单是在州内的。我如何访问此列表来调度我的操作列表。长度倍？

Answer 1

mapDispatchToProps 不是您应该放置代码逻辑的地方。它的目的是将 Action 绑定(bind)到组件的 props

更改为

const mapDispatchToProps = dispatch => (
  {
    slipsRadioClickHandler: (value) => {
         dispatch(slipsRadioClicked(value));
      },
    requestSlips: dispatch(requestSlips()),
    setExpandCollapse: () => {dispatch(setExpandCollapse('slipsHide', true, 0))}

  }
);

并且在组件中，您需要循环遍历由 mapStateToProps

提供的列表

var value = 'slips'    // set the value how you want to 

this.props.List.map(function(item){
     switch (value) {
        case 'slips': {
          this.props.requestSlips();
          this.props.setExpandCollapse();
          break;
        }
        default:
          break;
      }
})