如何在子元素后面插入一个`React`组件？

Question

我正在尝试创建一个React组件并将其插入子元素之后。这是标记。

<li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Other <b class="caret"></b>
  </a>
</li>

我想在React标记之后插入我的<a>组件，但不是<a>标记的子项。这就是我想要它的样子。

<li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Other <b class="caret"></b>
  </a>
  <ul ... this is my React component>

  </ul>
</li>

以下是添加组件的代码：

React.renderComponent(new NavbarDropdown(), this.$el.find('WHAT GOES HERE').get(0));

我不想添加带有id的div来放置它，那么如何在该位置添加React组件？

Answer 1

React需要将组件渲染到某些东西。因此，您可以在其中放置占位符div。