Error ReferenceError: React is not defined in Reactjs
Dung Do Tien
May 23 2022
622
Hello developers, I'm a beginner in ReactJs. I want to create a component that helps me raw a list of data get from API. Like this:
import { useEffect, useState } from 'react';
export default function MyComponent() {
const [loading, setLoading] = useState(false);
const [someData, setSomeData] = useState({});
return (
<div className={loading ? 'loading' : ''}>
{someData}
<a href="/loading/more">Loading more data!</a>
</div>
);
}
But when I was trying to run the code above, I get an exception threw ReferenceError: React is not defined.
ReferenceError: React is not defined
at MyComponent (App.tsx:7:5)
at renderWithHooks (react-dom.development.js:16175:18)
at mountIndeterminateComponent (react-dom.development.js:20913:13)
at beginWork (react-dom.development.js:22416:16)
at beginWork$1 (react-dom.development.js:27381:14)
at performUnitOfWork (react-dom.development.js:26516:12)
at workLoopSync (react-dom.development.js:26422:5)
at renderRootSync (react-dom.development.js:26390:7)
at recoverFromConcurrentError (react-dom.development.js:25806:20)
at performConcurrentWorkOnRoot (react-dom.development.js:25706:22)
What is that mean? Do I have to import react into my component?
I installed react version as below, but it's still not working for me:
@types/react 18.0.8
@types/react-dom 18.0.2
react 18.1.0
react-dom 18.1.0
Thanks in advance!
Have 1 answer(s) found.
-
A-4
Aleyna Bostan May 23 2022
React app is required
Reactmodule needs to import to your component. To import you can add the command below at the top of your component:import * as React from 'react';For example:
import * as React from 'react'; export default function App() { return ( <div> <h1>Hello Reactjs!</h1> </div> ); }I hope this answer is all you need.
* Type maximum 2000 characters.
* All comments have to wait approved before display.
* Please polite comment and respect questions and answers of others.