私は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>
);
}
しかし、アクションはオブジェクトにラップされたときには起動しません(ただし、アクションがステートレスコンポーネントに個別に渡されると起動します)。なぜこれは機能しませんか?
感謝のいずれかの非構造をしていないよう。それは、構造を変えても差が出ないことが判明しました。コンポーネントのonClickハンドラにタイプミスがありました。 – Kunal