我正在使用帶有反應的順風并使用條件渲染來根據不同的螢屏更改導航欄中鏈接標簽的顏色。它在本地主機中運行良好，但是當我運行構建并將其放置在服務器上時，鏈接的顏色保持不變。這是鏈接的代碼
<NavLink
to={`${Routes.main}`}
className={`m-2 block mt-4 lg:inline-block lg:mt-0 lg:${
heroSection ? "text-white" : "text-teal-200"
}`}
>
它在本地環境中作業而不是在構建中作業的原因是什么？
uj5u.com熱心網友回復：
不要使用字串連接來創建類名：
lg:${heroSection ? "text-white" : "text-teal-200"}
動態選擇一個完整的類名：
${heroSection ? "lg:text-white" : "lg:text-teal-200"}
這意味著避免在模板中使用字串連接動態創建類字串很重要，否則 PurgeCSS 將不知道保留這些類。
了解更多：Tailwind 優化生產
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/347679.html
標籤：javascript 反应 反应钩子 反应路由器 顺风-css
上一篇：根據另一個物件id創建新的物件值