Question

我正在使用react + redux作为应用，并尝试根据当前正在查看的页面的索引返回操作。这些按钮在所有页面中都是通用的，但取消和保存操作需要根据页面执行不同的操作。这是我目前正在尝试的（没有成功）：

const cancelAction = (slideIndex, actions) => {
  switch(slideIndex){
    case 0: return actions.cancelSlide0()
    case 1: return actions.cancelSlide1()
    case 2: return actions.cancelSlide2()
  }
}

const saveAction = (slideIndex, actions) => {
  switch(slideIndex){
    case 0: return actions.saveSlide0()
    case 1: return actions.saveSlide1()
    case 2: return actions.saveSlide2()
  }
}

const buttons = (actions, slideIndex) => (
  <div>
    <RaisedButton
      onTouchTap={() => cancelAction(actions, slideIndex)}  
      label={'CANCEL'}
      >
    </RaisedButton>
    <RaisedButton
      onTouchTap={() => saveAction(actions, slideIndex)}
     label={'SAVE'}
    >
    </RaisedButton>
  </div>
)

如何正确实施此类逻辑？

Answer 1

拍摄 - 你们当场了。出于某些愚蠢的原因，我没有注意控制台。其中一个常量名称中有一个拼写错误，一旦我改变了它，一切都按预期开始工作。谢谢！

动态设置反应组件中的函数

1 个答案: