antd设计选择占位符问题

Question

我在我的React应用程序中使用antd设计.

这是我面临问题的代码片段:

<Select
     showSearch
     optionFilterProp = "children"
     placeholder = "Select Company"
     value = "{this.state.company}"
     name = "company"
     onSelect = "{this.handleCompanyChange}"
    >

现在它显示正确的值,如果this.state.company不是null.但如果this.state.company是,empty或者null占位符没有出现.

如何解决此问题,以便占位符出现,如果value为null？

Answer 1

将this.state.company设置为undefined但为null.

Answer 2

你应该更新如下：

<Select
     showSearch
     optionFilterProp = "children"
     placeholder = "Select Company"
     value = {this.state.company || undefined} ---- update this line
     name = "company"
     onSelect = "{this.handleCompanyChange}"
    >

Answer 3

应将其设置为undefined代替字符串null或""空字符串。

this.props.form.setFieldsValue({
    myFieldName: undefined
})