reactの配列にオブジェクトを追加する方法は何ですか？

2年 ago
蓮, 翼
1 minute

Reactでオブジェクトを配列に追加するには、JavaScriptのArrayのpush()メソッドを使用するか、またはES6のスプレッド演算子を使用します。以下に、この2つの方法の例を示します：

  1. push()メソッドを使う。
const [items, setItems] = useState([]);

const addItem = () => {
  const newItem = { id: 1, name: "Item 1" };
  setItems([...items, newItem]);
}

addItem();
  1. 展開演算子（…）を使用する:
const [items, setItems] = useState([]);

const addItem = () => {
  const newItem = { id: 1, name: "Item 1" };
  setItems(prevItems => [...prevItems, newItem]);
}

addItem();

この2つの方法は、元の配列に新しいオブジェクトを追加して新しい配列を返す方法です。

bannerAds