帮忙找下react代码的错,(初学者)

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>实名认证</title>
    <link rel="stylesheet" href="css/jquery.mobile.min.css" />
    <script type="text/javascript" src="js/react.js"></script>
    <script type="text/javascript" src="js/react-dom.js"></script>
    <script type="text/javascript" src="js/react-with-addons.js"></script>
</head>
<body>    
     <div id="uimain">
     </div>
    
        <script type="text/babel">
        
            var Shmyzform = React.createClass({
                render:function (){
                    return <h1>hello</h1>
                }
            });
            
            ReactDOM.render(
                <Shmyzform />,
                document.getElementById('uimain')
            );
    </script>
</body>

</html>

请问这段代码那里写错了呢,既不报错也不显示内容,,还请指教

阅读 5.9k
6 个回答

<script type="text/babel">改成<script type="text/jsx">

在引入一个<script src="react-0.13.2/build/JSXTransformer.js"></script> 就可以看

这个都没做编译吧.....你需要引入客户端编译js或者是直接在开发的时候使用babel做编译,推荐使用webapck用babel-loader对其进行预处理,当然你也可以直接引这个https://cdnjs.cloudflare.com/...让你的流览器支持babel

你在script下写的其实是jsx代码,需要转换为js代码,引入babel

    <script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>

不过最好的办法是使用打包工具提前编译转换为js代码,React开发中流行的是webpack,你可以学一下

没有对babel进行转换,引入楼上的js文件就可以了应该

没有编译jsx

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏