TA貢獻1804條經驗 獲得超8個贊
withStyles 是一個 HOC 組件，會為你的 AppBar 組件根據當前的 theme 來添加樣式。核心功能就是為子組件提供了一個 classes props，這樣你就可以在外部對 class name 進行修改。
在你這個例子中，就會將第一個參數 styles 的樣式，覆蓋掉原來主題中的 MuiAppBar 樣式。
TA貢獻1797條經驗 獲得超4個贊
樓上的回答是正確的，不過利于理解，先說下 Material-UI 中默認支持的樣式吧，使用的是 CSS-In-JS 方案，也就是 JSS, 而你寫的樣式都是 Object, 所以，需要把你的對象 JSS to classes，就是 JSS 利用你的 object 生成樣式，并且把所有的 classnames 成為一個對象為 classes 通過 props 傳遞給你的下一級組件。
const styles = { root: { width: '100%' } };-> CSS :
ComponentName-root_0 { width: 100%; };-> classes
const classes = { root: 'ComponentName-root_0' };withStyles(stypes) 步驟完成你的完整代碼是：withStyles(stypes)(Component) 如下(withStyles(stypes) 代碼如下)：
return (Component) => (props) => (<Component {...props} classes={classes} />);現在明白了吧？
舉報