선택

Question

내가 ReactBootstrap 구성 요소 DropdownButton 및 MenueItem 지향 다음 코드를 가지고 작동하지 않습니다 모르겠다 .props.on을 선택하고 내 전화를하지 않는다. 드롭 다운 구성 요소에서 선택한다. 선택이 작동하지 않습니다.

아무도 도와 줄 수 있습니까?

Answer 1

귀하의 DropdownItems가 자동으로 드롭 다운 구성 요소에

{React.cloneElement(this.props.children, {...this.props})} 

을이를 추가하여 드롭 다운 소품에서 상속 또는 여러 어린이 요소 만 원하는 소품

{React.cloneElement(this.props.children, {onSelect: this.props.onSelect})} 

편집을 지정할 수 있습니다

{React.Children.map(this.props.children, child => React.cloneElement(child, {onSelect: this.props.onSelect}))} 

Answer 2

handleOnSelect 함수를 DropdownItem의 소품으로도 사용할 수 있습니까?

<Dropdown onSelect={this.handleOnSelect}> 
    <DropdownItem eventKey="categorize" onSelect={this.handleOnSelect}><i className="icon fa fa-filter"></i>Fotos kategorisieren</DropdownItem> 
    <DropdownItem eventKey="share" onSelect={this.handleOnSelect}><i className="icon fa fa-link"></i>Fotos freigeben</DropdownItem> 
</Dropdown> 

같은 뭔가 당신이 혼란 것 같아요 당신이 유일한 구성 요소를 렌더링 최상위 레벨로 소품을 통과 할 수 있다고 생각하지만, 사실은 당신이 원하는 JSX 내 어디서나 전달할 수 있습니다.

Answer 3

좋습니다. 그것을 가라. 다음은 작동합니다 :

{React.Children.map(this.props.children, child => { 
    return React.cloneElement(child, { onSelect: this.props.onSelect }) 
})} 

감사합니다. 도움을 주신 @MichaelRasoahaingo!