在使用 andt design 的時候遇到個需求，需要清除 Select 組件選中后的值，讓它變成什么都沒選中，顯示 placeholder

剛開始以為設置為 null 即可，結果發現設置為 null 并沒什么卵用，只是得到什么都沒匹配上的結果，選擇框中為空。

后來發現將 value 值設置為 undefined 即可。

其實，在 react 中，傳入 undefined 就代表什么都沒傳入，這時組件中如果有默認的 props 值則會使用默認值。

所以，上面傳入 null，其實也是傳入了值，所以 Select 組件會根據這個值去匹配，而沒匹配到所以內容為空。

而傳入 undefined 的時候，其實表示什么都沒傳，Select 組件就不會再去匹配，而現實 placeholder 的值。

另外就是要注意，如果通過條件判斷，兩個分支渲染的組件都是同一個組件，只是可能組件中傳入的 props 會不同。這是需要給這兩個相同的組件加上 key 屬性。如果沒有 key 屬性，條件變化后，并不會在這兩個同類組件中切換，只有加上了 key 屬性，才會認為這是兩個不同的組件，條件變化后才會切換。

轉載于:https://www.cnblogs.com/3body/p/5808265.html

總結

以上是生活随笔為你收集整理的react 不能往组件中传入属性的值为 undefined的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。