antd Card組件，按照文檔，設置了默認值，熱更新后，效果正常，完美。

開發過程中，為了防止瀏覽器有緩存，經常性地會手動點擊瀏覽器的刷新按鈕。就是這么一點，讓我在設置默認選中上，多停留了幾分鐘。

手動點擊瀏覽器的刷新按鈕，發現antd Card的默認選中樣式（藍色的字，底部有同字同寬的藍色的短線）缺少了同款的藍色的短線。而通過不同菜單的跳轉時，antd Card的默認選中樣式是正常的

第一步：檢查樣式，和正常的選中對比，發現，缺少藍色短線的原因是寬度為0

第二步：檢查其它用antd Card組件，部署后的效果，發現，無論是通過菜單，從無到有的加載界面，還是手動清空緩存刷新瀏覽器，Card的默認選中，都是正常的：藍色的字+同寬的藍色的短線

第三步：抱著試試看的態度，先擱置等部署后，看是否正常。

第四步：查看部署后的Card的默認選中，手動刷新瀏覽器，是正常的。放心了

?

總結：

本地開發時，設置Card組件的默認選中，手動刷新瀏覽器時，選中樣式會少同寬的藍色短線，莫慌，部署上就好了。

ps：選中的藍色短線和文字是同寬的，應該藍色短線的長度是經過計算來的，具體怎么計算，我還沒看源碼，后續補上。

總結

以上是生活随笔為你收集整理的antd Card组件默认选中的全部內容，希望文章能夠幫你解決所遇到的問題。

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