未定义“TextField”react/jsx-no-undef

Question

我是 ReactJs 的新手。我在尝试教程时遇到此错误。我的 form.js 文件是，

import React,{UseState, useEffect} from 'react';
import { Grid } from '@material-ui/core';


const initialFvalues ={
    id:0,
    fullName:'',}

export default function form(){

const [values,setValues] = UseState(initialFvalues);

return(
    <form>
        <Grid>
            <Grid container>
                <Grid item xs={6}><TextField variant="Outlined" label="Full Name" value={values.fullName}/></Grid>                    
            </Grid>
        </Grid>
    </form>
)
}

错误是：

TextField' is not defined react/jsx-no-undef

有人可以帮忙吗

Answer 1

缺少文本字段的导入。请在您的代码中添加以下导入。

import TextField from '@material-ui/core/TextField';
or
import { TextField } from '@material-ui/core';