antd Form 组件和Select组件一起使用时,placeholder不生效

今天在学习react+antd时,在写角色和用户模块时,
使用antd的Select组件遇到了placeholder无法使select选择框显示默认文字。

文档传送门: https://ant.design/components/select-cn/

代码

当我这样去写时,发现placeholder并没有作用
之后发现是initialValue的问题。组件内部大概把除了undefined的值 都当作有value 所以不显示placeholder了

解决办法:
1 不使用 initialValue
2 initialValue的值设为undefined

去除initialValue属性或者设置为undefined
解决!开心 又能往下继续学习了!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容