私のreactjs-universalコンポーネントで、私はこれを書きました:
const mapStateToProps = (store) => {
return {
cars: store
}
}
export default connect(mapStateToProps)(SearchForm)
同じコンポーネントで、次のようなアクションをディスパッチしたいと思います。
store.dispatch({type: 'SHOWDETAIL', data: 'hi'});
これを実行すると、次のようになります。
Uncaught TypeError: _create2.default.dispatch is not a function
アクションをディスパッチできるように、コンポーネントでストアへの参照を取得することは可能ですか?
connect
mapStateToProps
ストアではなく引数として状態を呼び出します。
あなたの場合、ストアへの参照は必要ないようです。connectを使用してディスパッチを小道具にマップするだけで十分です。
const mapStateToProps = (store) => {
return {
cars: store
}
}
const mapDispatchToProps = dispatch => {
return {
action : () => dispatch({
type : 'ACTION_NAME'
})
}
}
export default connect(mapStateToProps, mapDispatchToProps)(SearchForm)
ストアが本当に必要な場合は、作成した場所からエクスポートして、必要な場所にインポートする必要がありますconnect
。ストアを渡すことは目的ではありません。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加