Ant Design of React使用Select组件:va

原因： 之前给value属性赋值null，会造成placeholder的内容不显示，将value属性赋值undefined，placeholder的内容就显示了。PS：Ant Design of Vue 也可采用该方法解决。

---

数据源

constructor(props) {
  super(props);
  this.state = {
    defaultTransAgent:undefined,// 注意：必须为undefined，未其他值,不显示placeholder
    transAgentList:[{id:1,name:'代理1'},{id:2,name:'代理2'},{id:3,name:'代理3'},  {id:3,name:'代理4'}],
  }
}

写法

<span>接收账户：</span>
<Select 
placeholder='请选择二级代理'
value={this.state.defaultTransAgent}
onSelect={this.transAgentChange}
>
{this.state.transAgentList.length?(this.state.transAgentList.map((item, index) => (
    <Select.Option key={index} value={item.id}>
      {item.name}
    </Select.Option>
  ))):''}
  </Select>
</div>

image.png image.png image.png