0

我正在使用Next.js,MaterialUI和樣式組件構建一個使用SSR的新項目。據我所知,MaterialUI使用JSS作爲SSR的工具(根據倉庫中的example)。我想知道有沒有人知道我可以如何使它與樣式組件一起工作。我在MaterialUI和樣式組件庫中打開了問題,兩位作者都回答我說他們不知道如何使它一起工作。但是可能任何人都已經做到了?或者至少可以告訴我在哪裏挖掘解決這個問題。提前致謝!MaterialUI與樣式組件,SSR

回答

1

您可以使用帶有材質ui的樣式化組件,但最終您需要使用!important很多。就像這樣:

import Button from "material-ui/Button" 

const MyButton = styled(Button)` 
    background: red !important; 
` 

在我的工作與同組合的項目,我剛剛使出使用JSS風格材料的UI希望你與整個withStyles HOC使用..

+0

呃...不酷:)但無論如何,我會考慮一下。 – th1rt3nth

+0

是的,如果你想要更平滑地使用材料UI,你基本上被迫使用JSS是有點遺憾的。 – idlefingers

0

看起來我們有3種方式(可能更容易,但並非一切都是花),以使用樣式組件重寫Material UI樣式。這是我的Gist