如何在 redux 狀態更改時渲染 React 組件？

Question

我正在使用這個redux-socket.io中間件在 socket.io 請求上從服務器分派動作。 這部分工作正常，到目前為止我需要的所有東西，我可以用這個來做。

現在我正在嘗試使用這個中間件來調度一個設置一個狀態的動作，然后我想在狀態包含一個特定的鍵時渲染一個 React 組件（基本上是一個浮動窗口，高於一切）。

問題是，在分派動作后，我不確定如何讓 React 在狀態更改時呈現組件。 （在當前渲染的組件之上）

由於我想將此組件呈現在其他一切之上，因此我認為檢查我擁有的每個組件中是否有更新的 props 不是一個好主意。

我考慮過使用訂閱 API，但我還沒有找到任何從內部渲染組件的示例。

這里最好的解決方案是什么？

Answer 1

您可以使用三元運算符之類的東西檢查渲染返回中的狀態，如果為真，則渲染彈出窗口。

{state === correct ? <PopUp/> : null}

每次狀態改變時，頁面都會動態重新渲染。