javascript - React BootStrap 拆分按钮

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>

演示

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