我有一個列表容器組件，它是父組件。它映射出列表行。在列表行組件（即子組件）上，每個項目都有一個用于切換彈出菜單的按鈕，該菜單具有一個用于編輯的按鈕和一個用于刪除的按鈕。菜單本身是列表行的同級，因為如果我將其包含在列表行組件中，每一行都會呈現一個菜單，并且在切換時，它們都會堆疊在一起。編輯和刪除按鈕可以切換編輯表單，也可以直接刪除項目。我目前擁有的是：// Parent / Container  const [itemID, setItemID] = useState(null);  const handleMenuOpen = (id) => (e) => {    setAnchorEl(e.currentTarget); // for menu placement    setItemID(id);  };  const handleItemDelete = () => {    dispatch(deleteItem(itemID));  };<List>  <ListRow handleMenuOpen={handleMenuOpen} />  <Menu handleItemDelete={handleItemDelete}  itemID={itemID} /></List>;// List Row<Button onClick={handleMenuOpen(item.id)} />;// Menu<MenuItem onClick={() => handleModalOpen(itemID)} />;<MenuItem onClick={() => handleItemDelete()} />;編輯按鈕工作正常，但無論我如何嘗試，我都無法通過列表項上的 onClick 使 setItemID 工作。它總是以 null 的初始值出現。我控制臺記錄了函數參數中的 ID 正確輸出，但 setState 掛鉤不起作用。我嘗試將 useState 放在列表項上并通過 useContext 傳遞 ID，但在調用handledItemDelete 時結果未定義。我嘗試在子級上使用 ref 從父級獲取 ID，結果也是未定義的。我想不出如何使用 useEffect 來檢查 handleMenuOpen 參數的更改。我沒主意了。有人知道問題是什么以及如何解決它嗎？