2

我有一个使用 withStyles 包装的 Drawer 组件，并覆盖了 anchorLeft 类名上的一些值。 <Drawer anchor="left" classes={{paper: this.props.classes.paper, anchorLeft: this.props.classes.anchorLeft}} ...>

我有一些应用程序的其他部分可以影响top需要传递给的值anchorLeft。我正在使用 redux，因此顶部值通过 redux 存储传递并通过道具发送到我的 Drawer 组件，因此我需要在组件中使用一种方法来影响 anchorLeft 顶部值。

在组件内部进行动态样式设置并更改 JSS 样式表中的值的首选方法是什么？有没有办法使用 JSS sheet.update() 并以这种方式访问​​工作表？http://cssinjs.org/json-api?v=v9.0.0-pre.3#function-values

4

2 回答 2

0

我假设您使用的是 react-jss 或 styled-jss，在这两种情况下您都可以使用函数值并且您已经在那里收到了道具。

于 2017-08-30T17:09:29.490 回答
0

目前看来，不可能与 material-ui 做withStyles。我必须添加 react-jss 并injectStyles在我需要动态功能的组件中使用，然后添加一个ThemeProvider具有相同主题的附加组件，MuiThemeProvider以便 material-ui 和 react-jss 主题具有相同的设置。

目前正在跟踪与此功能相关的材料 UI 的问题： https ://github.com/callemall/material-ui/issues/7633

于 2017-09-05T13:18:07.543 回答