                        課程
                    
                        /前端開發(fā)
                        
                            /React.JS
                        
                        /React實(shí)戰(zhàn)--打造畫廊應(yīng)用（上）

現(xiàn)在react的語(yǔ)法是不是變了

有例子可以看一下嗎？

慕瓜3428435

2017-05-20

源自：React實(shí)戰(zhàn)--打造畫廊應(yīng)用（上） 1-1

關(guān)注問題我要回答

1131

操作

收起

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>
??????????????{/*我是一個(gè)注釋！*/}
??????????</div>)
??????}
????}

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

</html>

寫成這樣就可以了