Блог

Главная - Вопросы по программированию - React Native Как отправить несколько переменных состояния из дочернего элемента onClick в метод родительского класса

React Native Как отправить несколько переменных состояния из дочернего элемента onClick в метод родительского класса

#javascript #reactjs #react-native #native #transfer

#javascript #reactjs #react-native #собственный #передача

Вопрос:

У меня возникли проблемы с отправкой данных из моего дочернего класса в его родительский класс.

Дочерний класс:

 createItem = () => {
  const { newItemName } = this.state;
  const item = { newItemName };

  this.props.addItem(item);
  this.setState({ newItemName: '' });
  this.props.closeModal();
};

// Submit button
onPress={item => this.createItem(item)}

Родительский класс:

 addItem = item => {
  // this.setState({name: item.name, quantity: item.quantity, location: item.location})

  this.setState({ name: item });
};

// Open Modal Button for data entry to be added to list
<TouchableOpacity
  style={styles.add}
  onPress={item => this.toggleModal(item)}
/>;

Я не уверен, как правильно отправлять данные, я просто знаю, как переключать функцию в родительском классе. Я пытался искать ответы в Интернете, но они не соответствовали моему сценарию, отправляя данные в функцию, а затем изменяя состояние родительского класса.

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

1. Вы передаете item в качестве аргумента, так почему бы не отправить больше аргументов или добавить дополнительные свойства в item ?

2. в чем проблема? глядя на ваш код и предполагая, что дочерний компонент является модальным, и вы передаете addItem функцию, она должна работать

3. Проблема в том, что когда я пытаюсь установить состояние в родительском классе с помощью «this.setState({ name: item });», состояние по-прежнему остается пустым при попытке отобразить его с помощью «{this.state.name }»