こんにちは、私は現在、React + Reduxを学習しています。私は建築的な質問をしています。React + Reduxアーキテクチャのアプローチ
質問を作成してAPIに保存できるインターフェイスがあると仮定します。最初に現在保存されている質問がAPIからロードされ、Reduxストアに保存されます。
答え配列は、このような何かを見ることができる:私のインターフェイスで
var answers = [
\t {
\t \t id: 1,
\t \t title: 'can crop circles be square?',
\t \t correct: false
\t },
\t {
\t \t id: 2,
\t \t title: 'can you daydream at night?',
\t \t correct: true
\t }
\t {
\t \t id: 3,
\t \t title: 'do Jewish vampires still avoid crosses?',
\t \t correct: true
\t },
]
私は編集のためのさまざまなオプションを持っているか、与えられた質問を削除します。したがって、編集中の質問にアクティブ状態を設定したいと考えています。これを行う方法はReduxの状態を変更することで、各質問にはアクティブなプロパティがあります。私は、質問1を編集していた場合、状態は次のようになります。
var answers = [
\t {
\t \t id: 1,
\t \t title: 'can crop circles be square?',
\t \t correct: false,
\t \t active: true
\t },
\t {
\t \t id: 2,
\t \t title: 'can you daydream at night?',
\t \t correct: true
\t }
\t {
\t \t id: 3,
\t \t title: 'do Jewish vampires still avoid crosses?',
\t \t correct: true
\t },
]
私の関心は、私はAPIのデータと一緒に私のアプリ混合状態だということです。これを行う正しい方法ですか、またはAPIデータを状態から分離する良い方法がありますか?
'activeAnswerId'はあなたの状態で' answers'の隣接プロパティーになります –
もちろんです!なぜ私はこのことを考えなかったのですか?)目を開けていただきありがとうございます;) –
アクティブなステータスはUIの変更ですか?そうであれば、それをあなたの状態に含める必要はありません。あなたはそれをあなたの質問コンポーネントに渡し、それに応じて 'className'属性を変更することができます。 –