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

Question

我有一个扩展组件的标签选择器。 这是我渲染下拉列表的方式：

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}有效。不知道图标触发器会使占位符消失。