我没有使用reactjs输出此代码,请告诉我这段代码有什么问题。我无法找到错误。我第一次使用反应。
<head>
<script src="https://npmcdn.com/react@15.3.1/dist/react.js"></script>
<script src="https://npmcdn.com/react-dom@15.3.1/dist/react-dom.js"></script>
</head>
<body>
</body>
<script type="text/jsx">
var HelloWorld = React.createClass({
render: function() {
return <div>
Hello World
</div>
}
});
var element = React.createElement(HelloWorld);
ReactDOM.render(element, document.body);
</script>
答案 0 :(得分:1)
<script src="text/jsx">...</script>
has been deprecated。
如果您愿意,您仍然可以使用它,还可以在页面中包含独立版本的Babel:
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.14.0/babel.min.js"></script>
然而,这非常缓慢,建立一个合适的React开发环境(可能使用this boilerplate)确实是可取的,尽管我没有任何使用过的经验。 / p>
此外,您可能会收到警告,因为您要将组件呈现为<body>
,从而将其替换。您可能希望渲染为单独的<div>
:
<body>
<div id="app"></div>
<script src="text/jsx">
...
ReactDOM.render(element, document.getElementById('app'));
</script>
</body>