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>

演示

有一个该特定组件的所有属性列表，此处