React Bootstrap Dropdown <select> -like behavior

Question

当用户点击HTML＆lt; select＆gt;元素，它将向上或向下放下，具体取决于它相对于窗口边缘的位置。如果它太靠近底部，那么它会下降。如何从React Bootstrap的Dropdown组件中获得相同的行为？

Answer 1

（假设您指的是React-Bootstrap）

The docs说使用dropup道具作为下拉列表的一部分。

<!-- 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>