React BootStrap SplitButton

Question

React BootStrap SplitButton

У меня есть фрагмент от 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, чтобы переходить по ссылке только при нажатии кнопки "Основной список"?

3

javascript reactjs react-bootstrap split-button

Источник

user6354622 27 июл '16 в 07:21

1 ответ

Решение

Другие вопросы по тегам javascript reactjs react-bootstrap split-button

user2030321 27 июл '16 в 07:40 2016-07-27 07:40 · Accepted Answer · 2016-07-27 07:40

Просто добавьте 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>

демонстрация

Здесь есть список всех свойств для этого конкретного компонента, здесь