ReactJS не распознается
Это мой файл index.html
<!doctype html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
</head>
<body>
<div id = "hello"></div>
<script type = "text/jsx" src = "app/index.js"></script>
</body>
</html>
Это мой файл index.js.
var React = require('react');
var ReactDOM = require('react-dom');
var createReactClass = require('create-react-class');
var App = React.createClass({
render: function(){
return(
<h1>Hello</h1>
);
}
});
ReactDOM.render(<App/>,document.getElementById('hello'));
I am not able to see hello on the webpage which I should be seeing
Также инструменты разработчика React говорят, что эта веб-страница не является React
В чем ошибка?
Jsx не понимается, поэтому ошибка .. используйте систему сборки babel и webpack, чтобы избежать такой ошибки. Вы можете использовать create-response-app, чтобы начать работу и избежать проблем с конфигурацией.
Нет я изменил вопрос
если это код, который баузер пытается проанализировать напрямую, тег скрипта ничего не выполнит, так как любой скрипт с типом, отличным от "javascript", игнорируется.
про тип читайте здесь: developer.mozilla.org/en-US/docs/Web/HTML/Element/…
Я бы начал с github.com/facebook/create-react-app и не тратил бы время на это ... :)
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
1. Убедитесь, что вы установили все 3 зависимости npm: react, react-dom и create-react-class.
- В вашем index.js используйте var App = createReactClass () напрямую, поскольку вы уже определили переменную для него выше. Тогда это сработает.
var createReactClass = require ("create-response-class");
var React = require("react");
var ReactDOM = require("react-dom");
var createReactClass = require("create-react-class");
var App = createReactClass({
render: function() {
return <h1>Hello!</h1>;
}
});
ReactDOM.render(<App />, document.getElementById("app"));
Вот ссылка на песочницу кода для этого
похоже, это не единственная его проблема
Используйте create-react-app для начальной загрузки приложения и добавления компонентов в папку src. Чтобы загрузить приложение React, у вас должен быть установлен node js (версия> = 6), подтвердите с помощью node -v
Если вы хотите организовать структуру своего приложения с нуля, вам нужно будет установить реагировать и React-dom с помощью npm install react react-dom.
Вы можете загрузить приложение для реагирования с помощью команды npx create-react-app appName. Пример файла React выглядит так:
import React, { Component } from "react";
class ComponentName extends Component {
render() {
return (
<div>
Page contents
</div>
);
}
}
export default ComponentName;
Для получения дополнительной информации: https://github.com/facebook/create-react-app
Возможный дубликат ReactJS: «Неперехваченная ошибка SyntaxError: неожиданный токен <»