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我为那些谁不能使用状态来改变文本解决方案