解决react项目中使用ant design的Select组件placeholder不生效问题
需求:弹框modal组件中,使用form表单提交数据。form表单中包含Select组件,打开弹框后若传递了props给Select组件,则Select组件回填props数据,否则显示placehodler。
问题:当Select的initialValue绑定一个默认值(比如通过props传递的值)时,如果默认值是''或null时,placeholder不会生效。
原因: 当组件在初始化挂载时,赋予initialValue的变量值为空('')或null,但是Select还是接收了该空值,所以placeholder不会显示。
解决:
增加判断后解决该问题
网友评论