如何在 useState 中更新对象中的一个键的值

Question

如何在 useState 中仅更改 [openWord] 中一个键的值，当我单击特殊按钮时，我只想更改一个键的值，即 openWord.pol 从 false 变为 true？

const [openWord, setOpenWord] = useState({
    pol: false,
    eng: false,
    ger: false
});
  const showWord = e => {
    let value = e.target.value; //in value is to choose pol,eng,ger
    setOpenWord(!openWord.pol); //-> setOpenWord(!openWord.value)
    console.log("openWord", openWord);
  };

Answer 1

使用setOpenWord({...openWord, pol: !openWord.pol}); 你会做得很好。

Answer 2

const [openWord, setOpenWord] = useState({
    pol: false,
    eng: false,
    ger: false
});
  const showWord = e => {
    let value = e.target.value; //in value is to choose pol,eng,ger
    setOpenWord({
      ...openWord,
      pol: !openWord.pol
    })
    console.log("openWord", openWord);
  };

Answer 3

谢谢你的帮助 :) 我在执行时为所有对象做了 if 语句

 const [openWord, setOpenWord] = useState({
    pol: false,
    eng: false,
    ger: false
  });
  const showWord = e => {
    console.log(e.target.value);
    let value = e.target.value;
    console.log("value", value);
    if (value === "pol") setOpenWord({ ...openWord, pol: true });
    if (value === "eng") setOpenWord({ ...openWord, eng: true });
    if (value === "ger") setOpenWord({ ...openWord, ger: true });

    console.log("openWord", openWord.pol);
    return { value };
  };