自定義掛鈎 useEffect 內的 React setState 調用未更新 state

Question

我有一個基本的自定義掛鈎，因為我正在更改 useEffect 中的 state 但 state 沒有更改

Users 組件下方正在調用自定義掛鈎並傳遞 items prop

const Users = (props) => {
  const [users] = usePivot(props.items)
}

usePivot 自定義鈎子

const usePivot = (propItems) => {
  const [users, setUsers] = useState([]);

  useEffect(() => {
    // this is printing in whenever propItems changes
    console.log("propItems in useUserPivot: ", propItems);
    
    // this is not setting
    setUsers(propItems);
  }, [propItems]);

  useEffect(() => {
    // this is not printing in console
    console.log("users: ", users);
  }, [users]);

  return [
    users
  ];

}

users 的值始終為 []，它永遠不會改變。

Answer 1

我在這里使用了您的相同代碼，一切都很好

確保根據您的代碼將項目作為道具傳遞給用戶組件

   <Users items={[1,2,3]} />

Answer 2

users state 再次設置在另一個 function 中，排序列表在useEffect中被調用。 我評論說 function 電話然后問題就解決了。 我不確定為什么會因此出現這個問題。