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

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

DropDown：https://react.semantic-ui.com/modules/dropdown#dropdown-example-icon

Answer 1

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

在React代码中看不到下拉提示

1 个答案: