2

withStyles を使用してラップされ、anchorLeft className のいくつかの値をオーバーライドする Drawer コンポーネントがあります。 <Drawer anchor="left" classes={{paper: this.props.classes.paper, anchorLeft: this.props.classes.anchorLeft}} ...>

topに渡す必要がある値に影響を与えることができるアプリの他の部分がいくつかありますanchorLeft。私は redux を使用しているので、トップ値は redux ストアを介して渡され、props を介して Drawer コンポーネントに送信されるため、コンポーネントで anchorLeft のトップ値に影響を与える方法が必要です。

コンポーネント内で動的なスタイリングを行い、JSS スタイル シートの値を変更するための推奨される方法は何ですか? JSS sheet.update() を使用してシートにアクセスする方法はありますか? http://cssinjs.org/json-api?v=v9.0.0-pre.3#関数値

4

2 に答える 2

0

現在表示されていますが、 material-ui ではできませんwithStyles。react-jss を追加injectStylesし、動的関数が必要なコンポーネントで使用する必要がありました。次にThemeProvider、同じテーマを使用するものを追加しMuiThemeProviderて、material-ui テーマと react-jss テーマの両方が同じ設定になるようにしました。

この機能に関連する material-ui について現在追跡されている問題: https://github.com/calleall/material-ui/issues/7633

于 2017-09-05T13:18:07.543 に答える