[React Hooks]jsonを追加する書き方がわからない

Question

前提・実現したいこと

React Hooksを使ってjsonを追加したいのですが、書き方がわかりません。
スプレッド構文で展開する必要があると思うのですが、どのように記述すればいいでしょうか。
わかる方がいましたら、コメントお願いします。

該当のソースコード

const [hoge, setHoge] = React.useState({
    A: "hoge",
    B: "hoge",
  });

setHoge(...hoge, {A: "fuga", B:"fuga"}) //今回の箇所

Answer 1

オブジェクトのスプレッド構文 は { 〜 } の中で使う必要があります。

setHoge({ ...hoge, A: "fuga", B: "fuga" })

---

なお、React のクラスコンポーネントでは setState は一つのコンポーネントにつき一つにまとめられてましたが、Hooks では一つの関数コンポーネントで useState を複数使うことができるので、A と B をそれぞれ別の state とした方がいいかも知れません。

const [a, setA] = useState("hoge");
const [b, setB] = useState("hoge");

setA("fuga");
setB("fuga");

参考: 最近Reactを始めた人向けのReact Hooks入門

Answer 2

setHoge({A: "fuga", B:"fuga"})
コード

Comments

[aiai8976]

それってもともとあったものと置き換わらないですか？