ReferenceError: React is not defined

React is not defined hiba: importáld a React-et a JSX használatához, pl. import React from 'react';

React is not defined

Hibaüzenet

ReferenceError: React is not defined

Hibás kód

const element = <div>Hello</div>;

Javított kód

import React from 'react';
const element = <div>Hello</div>;

Magyarázat

React is not defined hiba akkor fordul elő, amikor JSX kódot írsz, de nem importálod a React könyvtárat. A JSX fordításhoz a React.createElement hívás szükséges, ezért az import elengedhetetlen. A megoldás, hogy minden JSX fájl elején import React from 'react'; sort írsz, vagy újabb React verziókban beállítod a Babel-rel a automatikus JSX transzformációt (runtime), így nem kell importálni.

További információ: React JSX in Depth