如何从 react-bootstrap 在 DropdownButton 中包装太长的标题?

Bra*_*ad 5 javascript twitter-bootstrap reactjs react-bootstrap

我有一个下拉按钮,但是,它的(动态更改的)标题可能太长而无法容纳。因此,我想知道是否有办法将太长的标题自动换行到第二行?

  <Panel >
       <Panel.Body collapsible>

           <ButtonGroup vertical >

                    dsadas
                    <DropdownButton title="Dropdown2re12r412r12r12r2r2">
                        <MenuItem eventKey="1">Dropdown link</MenuItem>
                        <MenuItem eventKey="2">Dropdown link</MenuItem>
                    </DropdownButton>
                    fwf21
                    <DropdownButton title="Dropdown" >
                        <MenuItem eventKey="1">Dropdown link</MenuItem>
                        <MenuItem eventKey="2">Dropdown link</MenuItem>
                    </DropdownButton>

            </ButtonGroup>
        </Panel.Body>
    </Panel>
Run Code Online (Sandbox Code Playgroud)

编辑:添加截图 在此处输入图片说明

小智 0

将 navItem='true' 添加到 dropdownBotton 标记