I got `Uncaught TypeError: _this.ref.querySelector is not a function` while using semantic ui react dropdown

Question

我正在使用 the dropdown menu Floation 组件，但出现此错误

Uncaught TypeError: _this.ref.querySelector is not a function

这是完整的错误堆栈：

这是我的代码

<Button.Group color="teal">
  <Button>Save</Button>
  <Dropdown
    as={Button}
    className="icon"
    options={[
      { key: 'edit', icon: 'edit', text: 'Edit Post', value: 'edit' },
      {
        key: 'delete',
        icon: 'delete',
        text: 'Remove Post',
        value: 'delete',
      },
      { key: 'hide', icon: 'hide', text: 'Hide Post', value: 'hide' },
    ]}
    trigger={<div ref={ref => (this.input = ref)} />}
  />
</Button.Group>

Answer 1

我遇到了同样的问题：

我正在使用 v0.83，在 更新 到最新版本后 0.86 一切正常。