占位符未显示在下拉菜单中，有人可以告诉我为什么吗？

Question

我正在尝试使用占位符渲染下拉列表，但占位符不渲染。我不知道为什么。我的下拉列表如下。

<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!'}
/>

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

Answer 1

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

value = {您期望在下拉字段的内部中显示的值}

应该在标签值对中

例如：[{值：'1'，标签：'one'}]

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

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