解决react项目中使用ant design的Select组件placeholder不生效问题

解决react项目中使用ant design的Select组件placeholder不生效问题

需求:弹框modal组件中,使用form表单提交数据。form表单中包含Select组件,打开弹框后若传递了props给Select组件,则Select组件回填props数据,否则显示placehodler。

问题:当Select的initialValue绑定一个默认值(比如通过props传递的值)时,如果默认值是''或null时,placeholder不会生效。

原因: 当组件在初始化挂载时,赋予initialValue的变量值为空('')或null,但是Select还是接收了该空值,所以placeholder不会显示。

解决:

增加判断后解决该问题

参考链接:antd-design Form,Select联合使用 placeholder 不起作用问题

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。