我试图在子组件中记录父组件的道具

Question

我正在尝试使用子组件中的this.state.props将道具传递给父组件。

我到处都有Google搜索

   choice(){
     console.log(this.props.size);
  }

{this.props.size && <DropdownItem onClick={this.choice} className="bg-info">{this.props.size}</DropdownItem>}


this is the parent component
 <DropDown
                      title="Options"
                      special={special}
                      size={size1}

Answer 1

尝试一下：

choice() {
    console.log(this.props.size);
}

{this.props.size && <DropdownItem onClick={() => this.choice()} className="bg-info">{this.props.size}</DropdownItem>}

如果您想在每次单击时更改大小，则必须使用state而不是props。