JavaScript - React でコンポーネントを強制的に更新するにはどうすればよいですか?

Question

URL を通じて画像をロードするコンポーネント内に <img src='127.0.0.1/img' /> タグがあります。最初は真っ白な画像が返されることが想定されています。ユーザーがボタンをクリックすると、バックグラウンド処理が行われ、画像が完全に黒くなります。
現時点では、クライアントがこの変更を自動的に更新でき、画像が黒で表示されることを願っています。
状態の変化により、アドレス 'src='127.0.0.1/img' に対する別のリクエストが発生することはないようです。
これを達成する方法はありますか?
//-------------------
別の質問をしてください。 。 React-redux を使用せずに、react を Redux で使用できますか?使用しない場合、ストアを各コンポーネントにどのように分散できますか?
リーリー

Answer 1

何を言っているのかわかりませんが、ユーザーが画像を編集した後に画像を再読み込みしたいだけの場合は、画像が操作されたかどうかを判断するためのフラグを設定できます。操作が完了した後、setState を使用して、画像更新の目的を達成するためにフラグを変更してください

Answer 2

React のせいではないかもしれませんが、画像の処理方法のコードを送ってください

Answer 3

にキーを追加し、親コンポーネントの次の render() で別のキーを返します。 <img />

注: これにより、以前は利用できなかったアンマウント/マウントなどの差分更新操作に大きな変更が生じる可能性があり、表示が大幅に遅くなります。

---

props や context を使用するなど、他のメソッドを使用してすべてのコンポーネントにストアを渡す限り、react-redux なしで redux を使用できます。