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