美文网首页
解决react项目中使用ant design的Select组件p

解决react项目中使用ant design的Select组件p

作者: 塞风 | 来源:发表于2019-07-30 18:20 被阅读0次

    解决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 不起作用问题

    相关文章

      网友评论

          本文标题:解决react项目中使用ant design的Select组件p

          本文链接:https://www.haomeiwen.com/subject/vctorctx.html