Reactjs Starter react示例显示空白页_Reactjs

Reactjs Starter react示例显示空白页

reactjs

Reactjs Starter react示例显示空白页,reactjs,Reactjs,我最近开始学习英语。我写了这段简单的代码，它只是显示一个空白页。没有错误，但我看到的只是一个空白页。。。谁能告诉我我做错了什么？我的IDE是Visual Studio 这是我的密码 <html> <head> <title>Untitled Document</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.2/react.min.js

我最近开始学习英语。我写了这段简单的代码，它只是显示一个空白页。没有错误，但我看到的只是一个空白页。。。谁能告诉我我做错了什么？我的IDE是Visual Studio

这是我的密码

<html>
<head>
    <title>Untitled Document</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.2/react.min.js"></script>

</head>
<body>
    <div id="results"></div>
    <script type="text/jsx">
        var hello = React.createClass({
        render : function(){
        return
        <h1>this.props.text</h1>;
        }
        });
        React.render(
        <div>
            <hello text="Hello Rotls">is hekii 1</hello>
            <hello text="Hello Rotls">is hekii 2</hello>
            <hello text="Hello Rotls">is hekii 3</hello>
        </div>
        ,document.getElementById('results'));
    </script>
</body>
</html>


无标题文件
var hello=React.createClass({
render:function（）{
返回
这个.props.text；
}
});
反应(
海基1号吗
是海基2号吗
是海基3号吗
，document.getElementById（'results'）；

您需要链接JSX transformer脚本来动态解析JSX内容。如果没有它，浏览器将无法理解

中的内容，只会忽略它

为了使示例正常工作，应该在ReactJS脚本之后添加此脚本

<script src="https://fb.me/JSXTransformer-0.13.3.js"></script>

检查jsbin

虽然这对于测试项目来说是可以的，但在生产环境中，您应该将jsx编译成js，以避免运行时编译jsx并加快应用程序的速度

现在React不推荐使用运行时JSX转换，并建议使用Webpack或带有React扩展的Browserify将JSX编译成js，同时进行捆绑和缩小

这是一篇关于如何设置React with Webpack和Babel的好文章，您需要链接JSX transformer脚本来动态解析JSX内容。如果没有它，浏览器将无法理解

中的内容，只会忽略它

为了使示例正常工作，应该在ReactJS脚本之后添加此脚本

<script src="https://fb.me/JSXTransformer-0.13.3.js"></script>

检查jsbin

虽然这对于测试项目来说是可以的，但在生产环境中，您应该将jsx编译成js，以避免运行时编译jsx并加快应用程序的速度

现在React不推荐使用运行时JSX转换，并建议使用Webpack或带有React扩展的Browserify将JSX编译成js，同时进行捆绑和缩小

这是一篇关于如何设置React with Webpack和Babel的好文章，您正在使用浏览器中的JSX transformer。在使用浏览器中的JSX transformer时，请确保为生产预先编译JSX。确保为生产预先编译JSX