ReactDom 已声明但其值从未被读取

Question

I am just starting to learn react and I am trying this code:

import React from 'react';
import ReactDom from 'react-dom';

const element = <h1>Hello world</h1>;
console.log(element);

But I have error:

ReactDom is declared but its value is never read what may cause this error please?

Answer 1

On line two you declare ReactDom (and assign (ie write ) the imported value from the react-dom module to it).

 import ReactDom from 'react-dom';

… and then you never do anything with it (ie you don't read the value back out of the ReactDom variable).

Normally in a React application you would use ReactDom to insert a component into the DOM, but here you just console.log the result of evaluating some JSX instead.