React: Unexpected token <
<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
<body>
<script>
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
</script>
</body>
Ругается на закрывающий h1, соответственно ничего не выводится. В чем дело?
Вот эти "теги" которые Вы передаете в ReactDOM.render, это не html. Это JSX. JSX - это не реакт. JSX - это такое расширение javascript. Обычно JSX транслируется в нормальный js на этапе сборки-препроцессинга.
Во-первых, настройте все-таки нормальную сборку лучше.
Во-вторых, React можно использовать и без jsx, это не очень удобно и мало кто так делает.
В-третьих, можно организовать трансляцию jsx в js "на лету", прямо на клиенте. Обычно jsx в es5-js транслируется на сервере, на этапе сборки с помощью Babel. У Babel на всякий случай есть standalone-сборка для работы на клиенте. Это для очень упорных парней, но вариант вроде бы тоже рабочий.
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
-
20:52
-
11:43
-
07:54
Какие существуют виды рекламных бордов и как выбрать подходящий?
-
20:34
-
05:36
-
21:11
-
14:43
- Почему SERVER_ADDR имеет не тот IP 47459 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30458 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23547 visits
- Как через css изменить цвет png изображения? 10303 visits
- Blob video url download 9929 visits
- Php curl запрос через прокси с авторизацией 9177 visits
- Работа с captcha vk api 8063 visits
![Не работает filter в AngularJS [закрыто]](https://hostciti.net/images/nophoto.png "Не работает filter в AngularJS [закрыто]")
© "hostciti.net" 02.10.2024 | 01:41