小编Was*_*ahi的帖子

我正在使用 Material UI，并通过react-hook-form提供了表单验证。问题在于，在轮廓表单控件中，标签与轮廓边框交叉。

例子：

邮政编码标签工作正常，但设备标签被轮廓边框划掉。

这是代码：

<Grid item xs={12} sm={6}>
                <TextField
                  variant="outlined"
                  placeholder="Enter The Zip Code"
                  required={true}
                  label="Zip Code"
                  fullWidth
                  name="zipcode"
                  inputRef={register({
                    required: "Zip Code is Required.",
                  })}
                  error={Boolean(errors.zipcode)}
                  helperText={errors.zipcode?.message}
                />
</Grid>
<Grid item xs={12} sm={6}>
     <FormControl 
                  variant="outlined"
                  key="Appliances"
                  error={Boolean(errors.appliance)}
                  fullWidth >
                    <InputLabel required={true} id="demo-simple-select-outlined-label" >Appliances</InputLabel>
                    <Controller
                    render={(props) => (
                      <Select size="large" value={props.value} onChange={props.onChange}>
                          <MenuItem value="" disabled>Choose your Appliance</MenuItem>
                          <MenuItem value={'Refrigerator'}>Refrigerator</MenuItem>
                          <MenuItem value={'Freezer'}>Freezer</MenuItem>
                          <MenuItem value={'Ice Maker'}>Ice Maker</MenuItem>
                          <MenuItem value={'Range'}>Range</MenuItem>
                          <MenuItem value={'Cooktop'}>Cooktop </MenuItem>
                          <MenuItem value={'Oven'}>Oven </MenuItem>
                          <MenuItem value={'Microwave'}>Microwave</MenuItem>
                          <MenuItem value={'Washing Machine'}>Washing …

我是 REACT 的新手，我正在使用 React 创建一个应用程序，该应用程序将使用波斯语（从右到左的脚本，如阿拉伯语），并且我正在使用 Material UI 框架。问题是，我无法以 rtl 格式从 Material UI 获取组件。我遵循了以下步骤：

1. 我的 html 标签中有 rtl 的方向。
2. 我点击了 rtl 切换按钮并复制了所有代码，但是在粘贴它时，组件不是完全从右到左，部分是从右到左。
3. 我按照他们网站上写的从右到左的指南，但我无法让 jss 库工作。 从右到左指南_材料用户界面

有人可以详细说明如何使用这个 jss-rtl，因为我是 REACTJS 的新手。

我附上了一个我想要的 rtl 格式的表格。

import React from 'react';
import Avatar from '@material-ui/core/Avatar';
import Button from '@material-ui/core/Button';
import CssBaseline from '@material-ui/core/CssBaseline';
import TextField from '@material-ui/core/TextField';
import FormControlLabel from '@material-ui/core/FormControlLabel';
import Checkbox from '@material-ui/core/Checkbox';
import Link from '@material-ui/core/Link';
import Grid from '@material-ui/core/Grid';
import Box from '@material-ui/core/Box';
import LockOutlinedIcon from '@material-ui/icons/LockOutlined';
import Typography from '@material-ui/core/Typography'; …