我的專案是 React with ViteJs,我使用 Material UI 作為我的主題和組件的基礎。但是,在某些組件中,為了代碼的可讀性(因為某些元素需要多個樣式屬性行);我選擇在旁邊創建一個 module.scss 檔案來分隔行為(tsx、jsx)和樣式(scss)。
我擔心的是我放在這個 .module.scss 檔案中的自定義樣式的優先級低于 MUI。但是,它應該是 MUI 默認給出的多載。
為此,我不得不寫一個完整的“!重要”;這不干凈。
因此我的問題是,如何將<style>MUI<style>的 放在 css 模塊的之前<head>,以便將它們應用到 MUI 的后面?
uj5u.com熱心網友回復:
正如 MUI檔案所說,您需要將<StyledEngineProvider injectFirst>其用作組件樹的包裝器。這是檔案中的一個作業示例。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/492854.html
