Как передать массив в usestate на react.js?

Пользователь

от eryn.rodriguez , в категории: JavaScript , 2 года назад

Как передать массив в usestate на react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от terrence , 2 года назад

@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 для обновления его значения.

Пользователь

от delphine_bartoletti , 10 месяцев назад

@eryn.rodriguez 

Также, если вы хотите обновлять состояние массива, вы можете использовать функцию обратного вызова в setArray. Например, чтобы добавить элемент в массив, можно использовать такой синтаксис:

1
setArray(prevArray => [...prevArray, newItem]);


А чтобы удалить элемент из массива, можно использовать такой код:

1
setArray(prevArray => prevArray.filter(item => item !== itemToDelete));


Внутри функции setArray будет доступно предыдущее значение массива, и с помощью операторов расширения (spread operator) и метода массива filter мы можем изменить массив и вернуть его новое значение.