问浏览器中的JSX浏览器转换
EN

Stack Overflow用户

提问于 2016-04-21 15:50:48

回答 1查看 3.7K关注 0票数 0

我试着遵循“掌握反应书”，下面有一个示例，其代码如下

<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>Hello React</title>
    <script src="https://<fb shortened url>/react-with-addons-0.14.0.js"></script>
    <script src="https://<fb shortened url>/react-dom-0.14.0.js"></script>
    <script src="http://<fb shortened url>/JSXTransformer-0.13.1.js"></script>
</head>

<body>
    <div id="view" />
    <script>
        var HelloReact = React.createClass({
            render: function () {
                return <h1 > Hello React < /h1>
            }
        });

        ReactDOM.render( < HelloReact / > , document.body);
    </script>
</body>

</html>

然而，上述情况似乎不起作用。我不会在文档体中获得HelloReact。

我完全是新的反应(也是JSX转换等)。任何帮助都将不胜感激。

我在Chrome中遇到的错误是

Uncaught Error: Invariant Violation: ReactDOM.render(): Invalid component element. Instead of passing an element string, make sure to instantiate it by passing it to React.createElement.

注意：fb shortened url是fb.me，Stackoverflow抱怨使用短程序，

javascript

reactjs

回答 1

Stack Overflow用户

发布于 2016-04-21 15:54:52

正如许多人已经注意到的那样，ReactiveandReactiveNativeNative已经改变了各自的构建系统，以利用Babel。这取代了我们在Facebook上编写的源代码转换工具JSTransform。

https://facebook.github.io/react/blog/2015/06/12/deprecating-jstransform-and-react-tools.html

使用babel将JSX语法转换为JS，并在文件中使用JS

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36774686

复制

相似问题

问浏览器中的JSX浏览器转换
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问浏览器中的JSX浏览器转换EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问浏览器中的JSX浏览器转换
EN