Реагировать на массив набора хуков из API напрямую в состояние

Question

Как я могу установить массив, который я получаю из api, прямо в ловушку. API возвращает полный массив, а не части.

Если я сделаю это так:

  const [favorites, setFavorites] = useState(['']);

  const { data } = await axios.get(url, { headers });
  setFavorites(favorites => [...favorites, data.favorites]);

Я получаю неверный результат:

(2) ["", Array(2)]
0: ""
1: (2) ["5ea42eae8750131824a5728f", "5ea5d29230778c1cd47e02dd"]
length: 2
__proto__: Array(0)

I не хотят иметь массив внутри массива.

Answer 1

Если data.favorites также является массивом, вы также должны использовать распространение в этом случае.

setFavorites(favorites => [...favorites, ...data.favorites]);

Answer 2

Вы пробовали это:

const [favorites, setFavorites] = useState(['']);

const { data } = await axios.get(url, { headers });
setFavorites(favorites => [...favorites, ...data.favorites]);