反应 BootStrap SplitButton

Question

我有一个 ReactComponent 的片段如下：

<SplitButton bsStyle="info" bsSize="large" title="Main List">
    <MenuItem eventKey="1">Delete List</MenuItem>
    <MenuItem eventKey="2">Edit List Name</MenuItem>
</SplitButton>

我想将 link 添加到 "Main List" 按钮，但目前我仍然在单击 <SplitButton> 的下拉按钮时移动到那个 link "Main List" 标题。

只有在单击 "Main List" 按钮时，我应该将 href 标记放在哪里才能跟在 link 之后？

Answer 1

只需将 href 属性添加到您的 <SplitButton>，如下所示：

<SplitButton href="http://google.com" bsStyle="info" bsSize="large" title="Main List" >
  <MenuItem eventKey="1">Delete List</MenuItem>
  <MenuItem eventKey="2">Edit List Name</MenuItem>
</SplitButton>

Demo

有这个特定组件的所有属性的列表，here