解决react项目中使用ant design的Select组件p
2019-07-30 本文已影响0人
塞风
解决react项目中使用ant design的Select组件placeholder不生效问题
需求:弹框modal组件中,使用form表单提交数据。form表单中包含Select组件,打开弹框后若传递了props给Select组件,则Select组件回填props数据,否则显示placehodler。
问题:当Select的initialValue绑定一个默认值(比如通过props传递的值)时,如果默认值是''或null时,placeholder不会生效。
原因: 当组件在初始化挂载时,赋予initialValue的变量值为空('')或null,但是Select还是接收了该空值,所以placeholder不会显示。
解决:
![](https://img.haomeiwen.com/i15147505/adbf7c1a7457b0a7.png)