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

我想添加一个指向“主列表”按钮的链接，但是目前我仍然在点击<SplitButton>的下拉按钮而不是“主列表”标题时移动到该链接。

只有在点击“主列表”按钮时，我才应该将href标记放在链接上？

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