条件が他のアクションの後のリビットコールアクション

Question

次のロジックを実装するにはどうすればよいですか：2つのアクション：syncとasync。そのvalidate（）とsave（）をしましょう。ユーザーがボタンvalidate()をクリックすると、ステートストア内の変数isValidが変更されます。次に、isValidアクションが実行された場合。

Answer 1

これらの機能を「クリックハンドラ」で「ラップ」することができます。

//call it on button click 

handleClick =() => { 
    if (validate()) { 
    //call save function 
    save() 
    } 
} 

validate =() => { 
    //do something 
    //check validness and then 
    if (valid) return true 
} 

Answer 2

希望することを実行する方法はたくさんあります。ただし、一般的なルールとして、導出できるReduxには何も格納しないでください。 isValidは、フィールドで検証を実行することによって導き出すことができます。さらに、変更中のフォームフィールド値のような中間状態はReduxに属しているとは思わない。私は彼らが有効とみなされ、提出されるまで、彼らをReact状態に保管します。

Spoonerさんがコメントで述べたように、あなたはサンクの中で同期アクションを呼び出すことができます。または、サンクの状態にアクセスできます。

オプション＃1

// Action Creator 
export default function doSomething(isValid) { 
    return (dispatch) => { 

     dispatch(setValid(isValid)); 

     if (isValid) { 
      return fetch() //... dispatch on success or failure 
     } 
    }; 
} 

オプション＃2

// Component 
dispatch(setValid(isValid)); 
dispatch(doSomething()); 

// Action Creator 
export default function doSomething() { 
    return (dispatch, getState) => { 

     const isValid = getState().isValid; 

     if (isValid) { 
      return fetch() //... dispatch on success or failure 
     } 
    }; 
}