TextField Material-UI не работают должным образом reactjs и windows 10 - PullRequest
Новая
       12

TextField Material-UI не работают должным образом reactjs и windows 10

0 голосов
/ 11 апреля 2020

Я пытаюсь скопировать пример TextField из material-ui. Вот как должно быть

Так и должно быть

, но я получил это

[красным цветом отмечены дополнительные строки, которые есть у всех TextFiel 2

Вы знаете причины?

1 Ответ

0 голосов
/ 11 апреля 2020

Пожалуйста, напишите компонент как TextFieldExample и используйте его в app Component. 

import React from 'react';
import TextField from '@material-ui/core/TextField';

export default function TextFieldExample(props) {
  return (
    <TextField id="standard-basic" label={props.label} variant={props.variant}  />
  );
}

Вот код компонента App , который включает, как вы можете использовать TextFieldExample Component. Здесь вы можете передать метку и вариант в качестве реквизита и использовать его в TextFieldExample Компонент 

import React from "react";
import ReactDOM from 'react-dom'
import TextFieldExample from "./TextFieldExample";

class App extends React.Component {
    render() {
        return (
            <div>
                <TextFieldExample label="Standard"/>
                <TextFieldExample label="Filled" variant="filled" />
                <TextFieldExample label="Outlined" variant="outlined" />
            </div>
        );
    }
}

ReactDOM.render(<App/>, document.getElementById("root"));

export default App;

Я включаю выходное изображение для вашего понимания. output image

...