JavaScript - React でコンポーネントを強制的に更新するにはどうすればよいですか?
漂亮男人
漂亮男人 2017-05-19 10:30:06
0
3
1113

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

漂亮男人
漂亮男人

全員に返信(3)
滿天的星座

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

いいねを押す +0
过去多啦不再A梦

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

いいねを押す +0
習慣沉默

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

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


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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート