下拉提示在 React 代码中不可见

Question

我有一个扩展组件的 TagPicker。这就是我呈现下拉列表的方式：

render() {
const { options, value, disabled, t } = this.props;
const trigger = <Icon name="tags" className="iconTagPicker" />;
return (
  <Dropdown
    trigger={trigger}
    allowAdditions
    disabled={disabled}
    fluid
    multiple
    onAddItem={this.newTag}
    onChange={this.onChange}
    options={options}
    placeholder="Hello"
    search
    selection
    selectOnBlur={false}
    value={value}
    className="tagPicker"
  />
);
}
}

如您所见，占位符在那里，但即便如此，也看不到任何内容。为什么？

html 公园是这样的：

https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/QHJNvvzMSUziV9m/upload.png

如果我移除触发器，我会有占位符，但没有图标，我怎样才能让图标不会让占位符消失？

下拉菜单：https://react.semantic-ui.com/modules/dropdown#dropdown-example-icon

Answer 1

将此更改为：trigger={trigger} 为 icon={trigger} 有效。不知道图标触发器会使占位符消失。

下拉提示在 React 代码中不可见

Dropdown hint is not visible in React code

javascript

placeholder

contentplaceholder

reactjs

dropdown