react-bootstrap更改DropdownButton標題不通過使用狀態

Question

我想更改<DropdownButton>標題選擇項目時。 的事情是，我不能使用狀態的Cuz，下拉標題心不是一個靜態的「名」 看到例如：

this.props.itemToFltr.keys.map((key /* initial name to button */)=>{ 
     return (
       <DropdownButton id="dropdownBtn" bsSize="xsmall" title={key} 
       onSelect={(evt,name)=>{ /* can i change the title from here ? */ } } > 

        {this.props.itemToFltr[key].map((val)=>{ 
        return <MenuItem eventKey={val} >{val} </MenuItem> 
       })} 

       </DropdownButton> 
      ) 
     }) 

Answer 1

您仍然可以使用this.state，只是重新映射itemToFltr到一個新的列表與更新的密鑰和讓反應做只渲染改變的項目的工作。

Answer 2

行，所以我有辦法克服problam我只是使用jquery 和RUND在選擇此功能：

onSelect={(evt,name)=>{ $("#dropdownBtn").text(name) }} 

THISIS我爲那些誰不能使用狀態來改變文本解決方案