Twitter bootstrap React引导下拉列表<；选择>-相似行为

当用户单击HTML

元素时，它将根据其相对于窗口边缘的位置向上或向下放置。如果它太接近底部，那么它就会下降。如何从中获得相同的行为？

（假设您指的是）

假设使用

下拉列表

道具作为下拉列表的一部分

<!-- example from docs -->

<ButtonToolbar>
  <SplitButton title="Dropup" dropup id="split-button-dropup">
    <MenuItem eventKey="1">Action</MenuItem>
    <MenuItem eventKey="2">Another action</MenuItem>
    <MenuItem eventKey="3">Something else here</MenuItem>
    <MenuItem divider />
    <MenuItem eventKey="4">Separated link</MenuItem>
  </SplitButton>
</ButtonToolbar>

行动
另一个动作
还有别的吗
分离环

检查他们的源代码，看看他们是如何实现的？这将无条件地弹出。我需要的组件只有下拉，如果下拉将渲染低于窗口的底部边缘。啊，明白了。对不起，误会了。查看组件代码和文档，没有自动执行的方法。如果要手动执行此操作，请检查下拉列表的底部边框（在下拉菜单出现之前或之后），检查到的距离，并查看下拉列表是否超出视口。如果是，请添加

下拉列表

属性。否则，拆下支柱。