ReactJS Starter - неожиданные токены JSX - PullRequest
Новая
       6

ReactJS Starter - неожиданные токены JSX

0 голосов
/ 02 ноября 2018

Я только начал изучать ReactJS (не особо разбирался ни в одной из библиотек javascript или сред, кроме jQuery).

Я проследовал на следующие страницы с веб-сайта ReactJS (https://reactjs.org/docs/add-react-to-a-website.html и https://reactjs.org/docs/hello-world.html),, но продолжаю получать ту же ошибку: 

Uncaught SyntaxError: Unexpected token <

Я действительно не знаю, что вызывает это, когда я использую этот код в CodePen, он работает просто отлично. Мне нужно добавить пару других файлов JS в мой индекс?

Текущие файлы:

HTML 

<!DOCTYPE html>
<html lang="en">
<head>

</head>
<body>

<div id="root"></div>

<!-- Scripts -->
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

<script src="js/scripts.js" type="text/javascript"></script>
</body>
</html>

JS 

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

Спасибо всем заранее!

PS: когда я добавляю импорт React и импорт ReactDOM, я получаю неожиданную ошибку идентификатора.

1 Ответ

0 голосов
/ 02 ноября 2018

основная проблема в том, что вы пропустили React.createElement (), поэтому ваш <h1>Hello, world!</h1> интерпретируется как обычный текст. 

ReactDOM.render(React.createElement('h1', null, 'Hello World'),
  document.getElementById('root')
);

Измените свой код на этот, и он должен работать.

:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...