RTL макет базы материалов и пользовательского интерфейса на StylesProvider в приложении реакции - PullRequest
0 голосов
/ 13 июня 2019

я использовал rtl material-ui на базе документа версии 4.1.1, но некоторые компоненты работают правильно в макете rtl, но некоторые компоненты не влияют, например TextField.

import { create } from 'jss';
import rtl from 'jss-rtl';
import { StylesProvider, jssPreset } from '@material-ui/styles';

// Configure JSS
const jss = create({ plugins: [...jssPreset().plugins, rtl()] });

function RTL(props) {
  return (
    <StylesProvider jss={jss}>
      {props.children}
    </StylesProvider>
  );
}

<RTL>
<ThemeProvider theme={theme}>
      <div dir="rtl">
        <TextField  placeholder="Name" />
        <input type="text" placeholder="Name" />
      </div>
    </ThemeProvider>
</RTL>

введите описание изображенияздесь

...