我正在使用Next.js,MaterialUI和樣式組件構建一個使用SSR的新項目。據我所知,MaterialUI使用JSS作爲SSR的工具(根據倉庫中的example)。我想知道有沒有人知道我可以如何使它與樣式組件一起工作。我在MaterialUI和樣式組件庫中打開了問題,兩位作者都回答我說他們不知道如何使它一起工作。但是可能任何人都已經做到了?或者至少可以告訴我在哪裏挖掘解決這個問題。提前致謝!MaterialUI與樣式組件,SSR
0
A
回答
1
您可以使用帶有材質ui的樣式化組件,但最終您需要使用!important
很多。就像這樣:
import Button from "material-ui/Button"
const MyButton = styled(Button)`
background: red !important;
`
在我的工作與同組合的項目,我剛剛使出使用JSS風格材料的UI希望你與整個withStyles
HOC使用..
0
看起來我們有3種方式(可能更容易,但並非一切都是花),以使用樣式組件重寫Material UI樣式。這是我的Gist。
相關問題
- 1. 樣式不適用於MaterialUI中的SVGIcon React
- 2. 使用@supports與樣式化組件
- 3. 使用ReactCSSTransitionGroup與樣式組件
- 4. react-native-navigation主題與樣式組件
- 5. 使用樣式組件與gatsbyJS
- 6. 屬性指令與組件樣式?
- 7. StencilJS組件樣式
- 8. 我可以在SSR中的React組件上一起使用css模塊和內聯樣式嗎?
- 9. 在SSR中合併行組值
- 10. AngularJS 1.5組件和樣式
- 11. PrimeReact和樣式組件
- 12. 樣式組件 - Ionic2,AngularJS
- 13. ReactJS +樣式組件+僞類
- 14. 樣式ReactJs組件選項
- 15. angular2:從組件的樣式
- 16. Angular2組件樣式編號
- 17. 繼承組件樣式
- 18. 樣式Qml桌面組件
- 19. Ionic2多組件樣式
- 20. 樣式firemonkey組合框組件
- 21. 什麼是元素樣式組件和什麼是片段樣式組件?
- 22. WPF RibbonComboBox風格與組合框樣式
- 23. 樣式CardView組
- 24. 角度組件的條件樣式
- 25. React-Native:子組件的條件樣式
- 26. 與CSS樣式
- 27. 全局樣式覆蓋特定的組件樣式
- 28. 樣式化組件和自定義樣式?
- 29. 正在被全局樣式覆蓋的React組件樣式
- 30. React.js內聯樣式 - 如何樣式從node_modules組件
呃...不酷:)但無論如何,我會考慮一下。 – th1rt3nth
是的,如果你想要更平滑地使用材料UI,你基本上被迫使用JSS是有點遺憾的。 – idlefingers