ボタンのタイトルを更新するには？

Question

<DropdownButton bsStyle="default" title="No caret" noCaret id="dropdown-no-caret"> 
    <MenuItem eventKey="1">Action</MenuItem> 
    <MenuItem eventKey="2">Another action</MenuItem> 
    <MenuItem eventKey="3">Something else here</MenuItem> 
    <MenuItem eventKey="4">Separated link</MenuItem> 
</DropdownButton> 

私は、メニュー項目のいずれかが選択されたときにどのようにボタンのタイトルを更新してしまう、反応-ブートストラップコンポーネントの例からhttps://react-bootstrap.github.io/components.html#btn-dropdowns-nocaret

をこの例を取りましたか？

Answer 1

セット状態を使用して、タイトルとは状態に

<DropdownButton bsStyle="default" title={this.state.btnTitle} noCaret id="dropdown-no-caret" onChange={this.handleChange}> 
    <MenuItem eventKey="1">Action</MenuItem> 
    <MenuItem eventKey="2">Another action</MenuItem> 
    <MenuItem eventKey="3">Something else here</MenuItem> 
    <MenuItem eventKey="4">Separated link</MenuItem> 
</DropdownButton> 

機能を更新することができDropdownButtonにonChangeイベントを追加：あなたはどんなMenuItemを選択した場合

handleChange =() => { 
    var val = 'someValue'; 
    this.setState({btnTitle: val}); 
} 

これは、タイトルを変更します。このソリューションがお役に立てば幸いです。