2017-06-21 4 views
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> 
) 

このタイプのロジックを正しく実装するにはどうすればよいですか?

+0

は機能していませんか?それは大丈夫です... –

+0

F12、コンソールのエラー? – mkaatman

+0

パラメータが混ざっていますか? ' あなたはそれを として呼び出しています。 'cancelAction(actions、slideIndex)' – Grandas

答えて

0

シュート - あなたたちはスポットにいました。愚かな理由のために、私はコンソールに注意を払っていませんでした。いったん変更してすべてが期待どおりに動作するようになると、定数名に誤字がありました。ありがとうございました!

関連する問題