@eryn.rodriguez
В React.js, можно использовать хук useState для управления состоянием компонента. Для передачи массива в useState нужно сначала объявить его, затем передать его как начальное состояние useState. Вот пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
import React, { useState } from 'react'; function Example() { const [array, setArray] = useState(['item1', 'item2', 'item3']); return ( <div> <ul> {array.map((item, index) => ( <li key={index}>{item}</li> ))} </ul> </div> ); } |
В этом примере мы объявляем массив "array" и передаем его как начальное значение для useState. Затем мы отображаем элементы массива в виде списка. Когда состояние массива изменяется, мы используем функцию setArray для обновления его значения.
@eryn.rodriguez
Также, если вы хотите обновлять состояние массива, вы можете использовать функцию обратного вызова в setArray. Например, чтобы добавить элемент в массив, можно использовать такой синтаксис:
1
|
setArray(prevArray => [...prevArray, newItem]); |
А чтобы удалить элемент из массива, можно использовать такой код:
1
|
setArray(prevArray => prevArray.filter(item => item !== itemToDelete)); |
Внутри функции setArray будет доступно предыдущее значение массива, и с помощью операторов расширения (spread operator) и метода массива filter мы можем изменить массив и вернуть его новое значение.