Q&A
解決したいこと
App.jsの中で定義したstoreを他のUser.jsの中で参照したいです。
connectとかを使って試してみたんですけど、うまくいきませんでした。
抽象的な質問で申し訳ありませんが、方法が分かる方は教えていただきたいです。
よろしくおねがいします。
回答1件
0
ベストアンサー
store は reduxのチュートリアルのような形に沿って createStore で作ったものとして答えます。
Githubのreduxプロジェクトにサンプルがありますので、そこのTodoサンプルを例に説明します。
- 表示するコンポーネントを作成する（例：TodoList.js)
- connectを実装する(例:VisibleTodoList.js)
- App.jsから
VisibleTodoListをrenderする(例：App.js)
※renderするのはTodoListではなく、connectを書いたVisibleTodoListであることに注意！！
0. そうすると、TodoList.jsの中でstoreの値を参照できます。(例：TodoList.jsのこの部分に、storeのtodosの内容が入るようになる)
[補足]
storeの他の部分を参照したい場合は、connectの実装を変えればstoreのどの部分でも参照できるようになります。
例えば、mapStateToProps（例：VisibleTodoListのこの部分）を下記のようにすればstore全体がallStateという名前でTodoListに渡されることになります。
JavaScript
1const mapStateToProps = state => ({ 2 allState: state 3})
投稿2019/12/06 01:29
総合スコア245
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。