2017-08-30 49 views
0

我有一個使用withStyles包裝並覆蓋anchorLeft className上的某些值的Drawer組件。 <Drawer anchor="left" classes={{paper: this.props.classes.paper, anchorLeft: this.props.classes.anchorLeft}} ...> 在材質UI中使用withStyles()時動態更改JSS值

我有一些其他部分的應用程序可以影響top值,需要傳遞給anchorLeft。我正在使用redux,因此頂層值正在通過redux存儲區傳遞並通過道具發送到我的Drawer組件,所以我需要在組件中實現anchorLeft頂層值的方法。

在組件中執行動態樣式並更改JSS樣式表中的值的首選方法是什麼?有沒有辦法使用JSS sheet.update()並以這種方式訪問​​表單? http://cssinjs.org/json-api?v=v9.0.0-pre.3#function-values

回答

0

我假設你正在使用的反應 - JSS或風格,JSS,在這兩種情況下,你可以使用函數值,您會收到道具那裏了。

+0

我只使用默認withStyles(附帶材料的UI。我嘗試了一個函數值,並沒有看到被調用的函數。 –

0

作爲現在顯示,不能使用材料-ui withStyles。我必須添加react-jss並在需要動態函數的組件中使用injectStyles,然後添加額外的ThemeProvider,它採用與MuiThemeProvider相同的主題,以便material-ui和react-jss主題具有相同的設置。因此目前正在跟蹤的與此相關的功能性材料的UI

問題:) https://github.com/callemall/material-ui/issues/7633