ReactJSの状態の変化が異なるセッションに同時に反映されない

Question

ReactJS、Typescript、Firebaseを使用してWebアプリケーションを構築しています。このアプリケーションでは、あるユーザーが他のユーザーのUIとの変更や相互作用を監視できます。両方のユーザーは、いくつかの画像が表示された状態で、同じビューを同時に見ることができます。たとえば、User1がクリックした画像は境界線を変更し、User2のUIに反映されます。 これはDOM、typescript、firebaseだけで可能ですが、ReactJSでは多くの困難に直面しています。

最初の質問： 状態または小道具を使用せずにReactJSで既に作成され表示されたコンポーネントを更新することはできますか？

これまで見てきたことから、これは不可能であると仮定しています。あなたが説明したことを達成するために状態を単独で使用しようとしていますが、たとえばUser1が状態を変更するたびに、User1に表示されるコンポーネントがコンポーネントのない状態で再描画されるようです。ユーザー2は状態の変化をキャプチャして再レンダリングすることができます。両方のコンポーネントが同一です。 私は2人のユーザーと一緒にアプリを実行するためにChromeとFirefoxを使用しています。州と小道具だけでこれを達成する方法はありますか？

私はこの分野の初心者です。どんな助けでも大歓迎です。

Answer 1

状態管理をreduxのように集中化すると、アプリケーションの状態は単一のオブジェクトとして表現できるはずです。 redux middlewareをアプリに追加して、Firebaseなどの状態変更をプッシュし、すべての変更をから Firebaseに読み戻し、（アクションを介して）あなたの店にプッシュする必要があります。

代わりに小道具を変更せずにコンポーネントを更新する場合は、forceUpdate methodがあります。