Я noobie в React
, и я пытаюсь создать раскрывающийся список Bootstrap
. Html, к которому я прикрепляюсь, находится здесь:
<ul class="dropdown-menu" id="dropdown">
</ul>
И вот что я хочу поместить в мой метод render
для вставки внутри моего html:
render: function() {
return (
<li><a href="#books">Books</a></li>
<li><a href="#podcasts">Podcasts</a></li>
<li><a href="#">Tech I Like</a></li>
<li><a href="#">About me</a></li>
<li><a href="#addBlog">Add a Blog</a></li>
);
}
Но, конечно, я могу вернуть только один элемент. Каков правильный способ сделать это в React
? Как я могу добавить несколько <li>
в раскрывающийся список, как это? Я попробовал обернуть все это в <div>
, но это испортило мой css.