我正在使用 MacBook Pro。
我更喜欢在虚拟机中使用 ubuntu 进行 Web 开发。
我在 Macbook 中创建了一个 index.html,然后只需使用 Chrome 打开它。
html 是按照此创建的video https://egghead.io/lessons/react-hello-world-first-component#post-370
这是我的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name=description content="">
<meta name=viewport content="width=device-width, initial-scale=1">
<title>First Component</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.0-beta.1/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.0-beta.1/JSXTransformer.js"></script>
</head>
<body>
<script type="text/jsx">
/** @jsx React.DOM */
var APP = React.createClass({
render: function() {
return (
<h1>Hello World</h1>
);
}
});
React.renderComponent(<APP />, document.body);
</script>
</body>
</html>
我收到以下错误:
当我扩展错误时:
请指教。
Update:
在较新的版本中是(文档 https://facebook.github.io/react/blog/2015/10/01/react-render-and-top-level-api.html)
ReactDOM.render(reactElement, domContainerNode)
应该是React.render
并不是React.renderComponent
as per 文档 http://facebook.github.io/react/docs/top-level-api.html#react.render
你提到的视频使用0.8,而你正在使用0.13。
从 0.12renderComponent
已替换为render
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)