2016-12-30 3 views
0

私はReactとReduxを使用しています。私のコンテナからレスポンスアクションのオブジェクトをステートレスコンポーネントに渡す

:私は私のステートレスなコンポーネントそうのような(Reduxの)アクションのオブジェクトに渡したい

render() { 
    const objectOfActions = { 
     changeTitle: this.props.changeTitle, 
     changeDescription: this.props.changeDescription, 
    }; 

    return (
     <StatelessComponent 
      objectOfActions={objectOfActions} 
     /> 
    ); 
    } 

次のようにステートレスなコンポーネントがアクションを使用することができます。

const SuggestSessionChange = ({objectOfActions}) => { 
    return (
    <div> 
     <Button onClick={objectOfActions.changeTitle}>ChangeTitle</Button> 
    </div> 
); 
} 

しかし、アクションはオブジェクトにラップされたときには起動しません(ただし、アクションがステートレスコンポーネントに個別に渡されると起動します)。なぜこれは機能しませんか?

答えて

0

アクションは実際には、私のステートレス機能では未定義の関数を呼び出すtypoがありました。

0

パラメータとして関数の引数を変更します。あなたの提案ハリドためのパラメータ

const SuggestSessionChange = (objectOfActions) => { 
    return (
    <div> 
     <Button onClick={objectOfActions.changeTitle}>ChangeTitle</Button> 
    </div> 
); 
} 
+0

感謝のいずれかの非構造をしていないよう。それは、構造を変えても差が出ないことが判明しました。コンポーネントのonClickハンドラにタイプミスがありました。 – Kunal

関連する問題