如何更新按鈕標題？

<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 如何更新按鈕標題？

當選擇菜單項之一，你如何更新按鈕標題？

來源

2016-06-23 lasimonne

設置使用狀態的標題和onChange事件添加到您DropdownButton更新狀態

<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>

功能：

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

這將改變標題，當你選擇任何MenuItem。我希望這個解決方案可以幫助你

來源

2016-06-23 18:00:07

謝謝，這個提示。我害怕設置一個btnTitle狀態，如果另一個DropdownButton更新，它將被更新。我能夠得到一些結果，但你的答案完全解釋。 – lasimonne

樂意幫忙！ :) –

如何更新按鈕標題？

回答

相關問題