                        课程
                    
                        /前端开发
                        
                            /React.JS
                        
                        /React实战--打造画廊应用（上）

现在react的语法是不是变了

有例子可以看一下吗？

慕瓜3428435

2017-05-20

源自：React实战--打造画廊应用（上） 1-1

关注问题我要回答

1149

操作

收起

1 回答

西兰花伟大炮回答被采纳 +3 积分
2017-05-20

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>react_jsx</title>
    <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
    <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
    <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>

</head>

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

    <script type="text/babel">
        class HelloWorld extends React.Component{
          render(){
            var userName = "weiwei";
            var istrue = false;
            return(<div><h1>我觉得自己吃了炫迈</h1>
              <h2>{userName === ""? "没有用户":userName = "weidapao"}</h2>
              <button  disabled ={istrue}>{userName}</button>
              {/*我是一个注释！*/}
          </div>)
      }
    }

        ReactDOM.render(
        <HelloWorld/>, document.getElementById('example') )
    </script>
</body>

</html>

写成这样就可以了