Реагировать 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