Javascript 如何将多个状态变量从onClick子类发送到父类中的方法

Javascript 如何将多个状态变量从onClick子类发送到父类中的方法,javascript,reactjs,react-native,native,transfer,Javascript,Reactjs,React Native,Native,Transfer,我无法将数据从子类发送到其父类 子类: createItem = () => { const { newItemName } = this.state; const item = { newItemName }; this.props.addItem(item); this.setState({ newItemName: '' }); this.props.closeModal(); }; // Submit button onPress={item => t

我无法将数据从子类发送到其父类

子类:

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)}
/>;

父类:

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)}
/>;

addItem=item=>{
//this.setState({name:item.name,quantity:item.quantity,location:item.location})
this.setState({name:item});
};
//打开要添加到列表的数据输入的模式按钮
this.toggleModal(项)}
/>;

我不知道如何正确地发送数据,我只知道如何在父类中切换函数。我尝试在线查找答案,但它们与我的方案不匹配,方法是将数据发送到函数,然后更改父类的状态。

您将
项作为参数传递,那么为什么不发送更多参数或向
项添加更多属性
?问题是什么?查看您的代码,假设子组件是模态组件,并且您正在传递
addItem
函数,它应该可以工作。问题是,当我尝试使用“this.setState({name:item});”在父类中设置状态时,当尝试使用“{this.state.name}”显示它时,状态仍然为空