返回未定義的 Redux 存儲 state 在 useEffect() function

Question

我的 Redux 商店 state 在useEffect掛鈎中返回未定義。 如果我刪除 useEffect 中的空數組[] ，我的useEffect存儲返回true值，但非常多，有時會在無限循環中執行！

 useEffect(() => {
    store.subscribe(() => {
      setNodeProperties({
        positionX: store.getState().schemaViewer.positionX,
        positionY: store.getState().schemaViewer.positionY,
      });
        console.log(nodeProperties);
    });
  }, []);

Answer 1

問題是setNodeProperties會將nodeProperties的更改排隊，並且不會立即發生，因為它是異步的。 因此，一旦nodeProperties發生變化，我會嘗試產生副作用。 您的組件中可以有多個useEffect掛鈎。

嘗試如下：

useEffect(() => {
   console.log(nodeProperties);
}, [nodeProperties]);

通過這種方式，您將捕獲nodeProperties的更改並僅在那時運行日志記錄步驟。 建議閱讀使用效果掛鈎。

我希望這有幫助！