Как использовать состояние в react native

#react-native

#react-native

Вопрос:

введите описание изображения здесь

введите описание изображения здесь

Пожалуйста, обратитесь к изображениям ниже. На первом изображении я создаю массив объектов и экспортирую его. и на следующем изображении. Я импортирую объект массива. и я хочу использовать состояния. например, setState() для этого объекта массива. Я хочу удалить элемент в этом объекте массива с помощью setState(). Как мне это сделать? Я новичок в этом программировании React Native. Помощь приветствуется.

Комментарии:

1. Вы рассматривали возможность просмотра каких-либо React руководств? Сначала изучите основы, посмотрите несколько видеоуроков.

2. я действительно смотрел их, там он использовал const [state, setState] = useState();

3. Но я импортирую объект array и хочу его обновить. как мне это сделать?

Ответ №1:

Это может помочь

 import places from “../components/places”;

const PlacesScreen = (props) => {

    const [placesList, setPlaces] = useState(places); 

    function delete(index) {

      const data = […placesList];  
      data.splice(index, 1);
      setPlaces(data);
    }

    function renderItem({ item, index }) { 
  
      return (
       <TouchableHighlight onPress={() => delete(index)}>
            <Text>{item.Address}</Text>
       </TouchableHighlight> 
      );
    } 

    return (
         <FlatList 
           data={placesList} 
           renderItem={renderItem}
           keyExtractor={(item, index) => index.toString()}
            />   
    ); 
}
  

Комментарии:

1. Попробуйте это data.splice(i, 1);

2. i — это мой элемент или идентификатор?

3. «i» — это индекс элемента, который будет удален