Fatal编程技术网
  • javascript/
  • Javascript 反应启动程序模板不渲染任何内容 var x=React.createClass({ render:function（）{ 返回( 我喜欢反应 ); } }); React.render（，document.getElementById（'content'））；

Javascript 反应启动程序模板不渲染任何内容 var x=React.createClass({ render:function（）{ 返回( 我喜欢反应 ); } }); React.render（，document.getElementById（'content'））；

javascript html reactjs

Javascript 反应启动程序模板不渲染任何内容 var x=React.createClass({ render:function（）{ 返回( 我喜欢反应 ); } }); React.render（，document.getElementById（'content'））；,javascript,html,reactjs,Javascript,Html,Reactjs,我下面的代码有什么问题？它什么也不起作用。包括在内 <body> <div id="content"></div> <script type="text/jsx"> var x = React.createClass({ render:function(){ return ( <h1>I love react</h1>

我下面的代码有什么问题？它什么也不起作用。包括在内

<body>
    <div id="content"></div>

    <script type="text/jsx">
     var x = React.createClass({
        render:function(){
            return (
                <h1>I love react</h1>
            );
        }
     });

     React.render(<x/>,document.getElementById('content'));
    </script>
</body>
在头部。

你有几个错误

  • 您需要包括并使用
    ReactDOM.render
    ，因为自版本
    0.14.*
    以来，位于React中的render
    方法已被弃用
  • 要定义组件，您应该使用以大写字母开头的局部变量（应该是
    X
    而不是
    X
    ）
  • 您应该使用
    type=“text/jsx”
    而不是
    type=“text/babel”
    （不要忘记包含）
    • 不起作用。这就是旧版本使用旧jsx transformer的方式，但现在已经不推荐了

    用巴别塔代替

    此外，组件的名称应始终以大写字母开头<代码>不是

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.min.js"></script>