Я не могу отреагировать

Question

Я новичок, чтобы отреагировать, но у меня есть опыт в HTML JavaScript и CSS.Я установил node и npm и, используя npm, ввел на свой компьютер с Windows следующую команду:

npm install -g create-react-app

, которая установит утилиту командной строки с именем create-реакции-приложение, а затем создала мое приложение реагирования, введяследующая команда

create-react-app my-app

Теперь я настроил все, что решил, попробовал немного отреагировать и отредактировал app.js.Я добавил в следующих строках последнюю (кроме строки импорта).

import ReactDOM from 'react-dom';

const h1 = ( <h1>Hey there!</h1> );
ReactDOM.render(h1, document.getElementById("test") );
//the id "test" was assigned to a <h1> element in index.js

Теперь я сохранил ее и выполнил следующие команды.

cd my-app
npm start

Теперь пришла ошибка.

Кто-нибудь испытывал такую ​​же ошибку?Если у вас есть, пожалуйста, вы можете сказать мне, как это исправить?

PS: я занимался редактированием кода в Visual Studio Code, если это поможет.

Answer 1

Вы также можете попробовать это, если не хотите App.js:

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

const App = () => {
   return (<h1>HELO WORLD</h1>);
}

ReactDOM.render(<App />, document.getElementById('test'));

Answer 2

Проверьте, есть ли у вас ReactDOM в вашем index.js
должен быть только один RenderDOM в вашем приложении, и это ваш index.js.это происходит из-за конфигурации веб-пакета create-реагировать на приложение, которое будет считывать ReactDOM только из index.js.

Измените App.js на:

import React from 'react';

const App = () => {
    return (
        <h1>HELLO WORLD</h1>
    );
};

export default App;

и измените Index.js на:

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

import App from './App';

ReactDOM.render(<App />, document.getElementById('test'));