0

我正在使用 react-bootstrap 中的下拉按钮。我想在 DropdownButton 内的按钮元素上应用类。如果我将 className 传递给 DropdownButton，它将应用于外部 div。相反，它应该应用于按钮元素。下面是我正在使用的代码

**<DropdownButton
  className="btn-group"
  title="Assign"
  noCaret
  id="Assign"
  show={this.state.popupApplyVisible}
  onToggle={() =>
    this.setState({
      popupApplyVisible: !this.state.popupApplyVisible,
    })
  }
>**
4

2 回答 2

0

我正在寻找一种方法来制作下拉xs大小（bootstrap 4 class btn-xs），因为size道具的选项被减少到smand lg。

可以使用prop将自定义 css 类传递给DropdownButton组件。variant“过滤依据”下拉列表的示例：

<DropdownButton
  variant="outline-dark btn-xs"
  id="filter-button"
  menuAlign="left"
  title={intl.formatMessage({ id: `nav.${filterBy}` })}
>
  <Dropdown.Item onClick={() => handleChangeOrderBy('upcoming')}>
    {intl.formatMessage({ id: 'nav.upcoming' })}
  </Dropdown.Item>
  <Dropdown.Item onClick={() => handleChangeOrderBy('past')}>
    {intl.formatMessage({ id: 'nav.past' })}
  </Dropdown.Item>
</DropdownButton>
于 2021-12-23T06:36:45.773 回答
0

尝试（bsStyle="btn-group"）而不是（className="btn-group"）。我希望它会奏效。

于 2020-01-31T10:40:44.963 回答