React BootStrap SplitButton

Question

J'ai un extrait d'un ReactComponent comme suit:

<SplitButton bsStyle="info" bsSize="large" title="Main List"> 
    <MenuItem eventKey="1">Delete List</MenuItem> 
    <MenuItem eventKey="2">Edit List Name</MenuItem> 
</SplitButton> 

Je veux ajouter un lien vers le bouton « Liste principale », mais actuellement je me déplace toujours à ce lien sur cliquant sur le menu déroulant bouton du <SplitButton> au lieu du titre "Liste principale".

Où dois-je mettre l'étiquette href pour suivre le lien seulement en cliquant sur le bouton "Liste principale"?

Answer 1

il suffit d'ajouter l'attribut href à votre <SplitButton>, comme ceci:

<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

Il y a une liste de toutes les propriétés de ce composant particulier, here