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

user_15272035 0
Viewed 3617

I'm new to ReactJs. I got this error when I'm trying on a tutorial. My form.js file is,

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>
)
}

The error is:

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

Can someone please help

reactjs
3 Answers

missing import of textfield. Please add below import in your code.

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

You haven't import the TextField from other file

import it as

import Texfield from './textfield.js';

or

import Texfield from '@material-ui/core';
user_107637500

Missing import statement for TextField

Add the following to your imports

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

or

import TextField from '@material-ui/core/TextField';
user_20799000
Related