小编R8_*_*R8_的帖子

material-ui jss-rtl-使用jss-rtl之后,我的页面仍然是LTR

我使用material-ui,并nextjss-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)

right-to-left reactjs material-ui jss

5
推荐指数
1
解决办法
1377
查看次数

标签 统计

jss ×1

material-ui ×1

reactjs ×1

right-to-left ×1