在Reactstrap中将按钮组用作dropdownitem时出错

Question

我需要一个ButtonGroup作为DropdownItem。

 <Dropdown isOpen={this.state.dropdownOpen} toggle={this.toggle}>
        <DropdownToggle caret>
          Dropdown
        </DropdownToggle>
        <DropdownMenu>
          <DropdownItem toggle={false}>
            <ButtonGroup>
               <Button>Right</Button>
               <Button>Right</Button>
            </ButtonGroup>
          </DropdownItem>
        </DropdownMenu>
 </Dropdown>

我得到警告：

warning.js:33 Warning: validateDOMNesting(...): <button> cannot appear as a descendant of <button>.

如何解决此问题？

Answer 1

不能在按钮内部显示按钮。也就是说，DropdownItem组件默认具有标签属性“ button”，这意味着它将呈现一个按钮。例如，如果您将属性在DropdownItem上更改为tag =“ h1”，它将呈现h1，而不会出现此错误。希望我清楚。