在React中从子级向父级发送数据时无法设置props值

时间:2019-05-07 10:05:52

标签: javascript reactjs

我正在尝试从子组件到父组件获取数据: 我已经在父组件中实现了以下内容:

<Table getTotalSelectedId={this.getTotalSelectedId}/>

以及这样定义的方法:

 getTotalSelectedTransactionId=data =>{
    console.log("Selected Transaction Id are",data);//This is blank
  }

子组件:

var totalSelected=[];//defined as global
 selectAll = () => {
    this.setState({ selectAll: !this.state.selectAll }, () => {
      var collection=[];
     if(this.state.selectAll == true){
    for (const item of this.state.items) {
        collection.push(item.TransactionID);
        this.setState({checkedListAll:collection});
       }
    }
    else{
      collection=[];
      this.setState({checkedListAll:collection});
    }
    totalSelected=collection;
      console.log("Total selected Transaction Id are:",totalSelected);//This has value
      let items = [...this.state.items];
      items = items.map(item => {
        return {
          ...item,
          checked: this.state.selectAll
        };
      });
     this.setState({ items });
    });
    this.props.getTotalSelectedId(totalSelected);//Setting the value in props
  };

父组件中的“数据”值变为空。 谁能解释我要去哪里错了?

1 个答案:

答案 0 :(得分:0)

尝试以下代码:

   <Table getTotalSelectedId={this. getTotalSelectedTransactionId}/>

我认为您指的是错误的方法。