我使用material-ui
,并next
和jss-rtl
我的react
项目,但有一个问题的页面仍ltr
使用后<JssProvider ...>
-rtl组件代码:
import React from "react";
import { create } from 'jss';
import rtl from 'jss-rtl';
import JssProvider from 'react-jss/lib/JssProvider';
import { createGenerateClassName, jssPreset } from 'material-ui/styles';
// Configure JSS
const jss = create({ plugins: [...jssPreset().plugins, rtl()] });
// Custom Material-UI class name generator.
const generateClassName = createGenerateClassName();
function RTL(props) {
return (
<JssProvider jss={jss} generateClassName={generateClassName}>
{props.children}
</JssProvider>
);
}
export default RTL;
Run Code Online (Sandbox Code Playgroud)
-index.js代码:
import React from 'react'; …
Run Code Online (Sandbox Code Playgroud)