Я пытаюсь войти реквизиты родительского компонента в дочернем компоненте

Question

Я пытаюсь передать реквизиты моему родительскому компоненту, используя this.state.props в моем дочернем компоненте.

Я гуглил везде

   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.