0
私は、アプリケーションに対して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>
)
このタイプのロジックを正しく実装するにはどうすればよいですか?
は機能していませんか?それは大丈夫です... –
F12、コンソールのエラー? – mkaatman
パラメータが混ざっていますか? ' あなたはそれを として呼び出しています。 'cancelAction(actions、slideIndex)' – Grandas