我有一個關于在一個 useState 中使用多個狀態的問題。我有兩個按鈕（大約 10 個），單擊按鈕后，它會顯示一些典型信息，僅適用于一個按鈕（選擇）。所以每個按鈕的狀態必須是單獨的。有什么方法可以將所有按鈕減少到一個 useState 嗎？我現在有：  const [showConfirmModalGoals, setShowConfirmModalGoals] = useState(false);  const [showConfirmModalBallPos, setShowConfirmModalBallPos] = useState(false);    const showModalForGoals = () => {    setShowConfirmModalGoals(true);  };    const hideModalForGoals = () => {    setShowConfirmModalGoals(false);  };  const showModalForBallPos = () => {    setShowConfirmModalBallPos(true);  };    const hideModalForBallPos = () => {    setShowConfirmModalBallPos(false);  };return(<Modal show={showConfirmModalGoals} ... > GOALS </Modal><Button onClick={showModalForGoals} /><Modal show={showConfirmModalBallPos} ... > Ball position</Modal><Button onClick={showModalForBallPos} />);所以如果我要 10 個不同內容的按鈕，我需要這些按鈕有 10 個不同的狀態。