2017-04-19 6 views
0

今日、私はあなたが望むように要素を追加したり削除したりできるreduxでリストを作成しようとしました。visible here私のリストは、実際には、ユーザーが「リストに追加する」または「最後に追加した要素を削除する」をクリックするたびに更新される配列です。reduxで配列の正確な要素を操作する方法

今私は1つのことをしようとしますが、私はそれを行う方法がわかりません。私がやりたかったことは、例えば、ユーザーがTristanを再び追加しようとすると、TristanのFromControlは「成功」(私はブートストラップも使用する)になりましたが、この要素に正確に到達する方法はわかりません。私のレデューサーの変数を使用し、私は私のFromControlのスタイルはこの変数の状態に依存していると言いました、すべてのFormControlは「成功」になります。あなたの助けを事前に

感謝:)

答えて

0

あなたは配列の要素のインデックスを取得し、そこからあなたの方法を動作するようにArray.prototype.findIndex()を使用することができます(あまりにも私の英語レベルのため申し訳ありません)。

また、コンソールに多くの警告が表示されている場合は、keyをforeach内でコンポーネントに追加し、setStateコールをcomponentWillMountまたは他の適切な場所に移動することをおすすめします。

+0

あなたの素早い回答と私の複数の警告のお手伝いをありがとう:P。私は一つの事を理解していない。 Array.prototype.findIndex()でコンポーネントを取得すると、スタイルはどのように変更されましたか? –

+0

reduxを使用しているので、ストアをコンポーネントのパラメータにバインドし、これを使用してコンポーネントを別の方法でレンダリングできます。あなたがまだ理解していない場合は、[このチュートリアル](http://redux.js.org/docs/basics/UsageWithReact.html)をご覧になることをお勧めします。 – oirad

+0

私はこれを見て行く、ありがとう! –

関連する問題