占位符未显示在下拉列表中，有人可以告诉我为什么吗？答案

【问题标题】：Placeholder not showing on dropdown, can anybody tell me why?占位符未显示在下拉列表中，有人可以告诉我为什么吗？
【发布时间】：2019-10-16 09:17:07
【问题描述】：

我正在尝试使用占位符呈现下拉菜单，但占位符不呈现。我不确定为什么。我的下拉菜单如下。

<Dropdown
  loading={loading}
  error={!!error}
  inline
  value={this.props.entityId || null}
  onChange={(e, { value }) => {
    client.writeData({data: {teamBudget: value, __typename: 'TeamBudget'}})
  }}
  options={options}
  placeholder={options ? 'Select Draft' : 'Error!'}
/>

当我注释掉值时，占位符会按预期显示。值不能和占位符一起定义吗？

【问题讨论】：

Dropdown 是第三方组件还是您的组件？
是semantic-ui的一个组件react.semantic-ui.com/modules/dropdown
似乎在正常的下拉组件中按预期工作，在您的情况下可能是其他问题。这是示例：codesandbox.io/s/v95js
您是否尝试过从下拉列表中一一删除道具，看看它是否具有特定用途？还可以尝试使用硬编码值呈现下拉菜单，以查看占位符是否有效

标签： reactjs jsx semantic-ui

【解决方案1】：

我不知道你正在使用的组件，但通常的约定是，

value={您希望在inside下拉字段中显示的值}

应该在标签值对中

例如：[{ value: '1', label: 'one' }]

我只能怀疑您的 this.props.entityId 不是这种格式。另外，这可能是它破坏占位符的原因。

仅供参考：通常，如果您在 props 中未提及 value={}，则默认情况下会处理它，这可能是它在省略时正常工作的原因......

【讨论】：