<Select
placeholder="placeholder"
// value={undefined} //显示
value='' // 不显示
// value={null} // 不显示
>
<Option value="lucy">Lucy</Option>
</Select>
解决办法:placeholder不显示是因为设置了value值为"或者null,把value值设为undefined就可以了
原因:placeholder是当前组件值为空时显示的替换文本,只有值为空的时候才会显示。当组件绑定了value后,值不再是空,即时初始化值为""或null也视为有值,所以placeholder自然就不会显示。
本文探讨了在React中使用Select组件时,遇到placeholder不显示的问题及其解决方案。问题出现的原因在于组件绑定了value属性,即使该值为空字符串或null,也会被视为有值,导致placeholder无法正常显示。解决方法是将value设置为undefined。

467

被折叠的 条评论
为什么被折叠?



