react.js中render的return的坑


​ demo代碼:

<scripttype="text/babel">

var HelloComponent=React.createClass({ render:function(){ return

<h1>Hello World</h1>} }); ReactDOM.render(

<HelloComponent/>,document.getElementById('reactContainer') )

</script>

 

運行結果:

 

 

 

原因:

JavaScript會自動給行末添加分號。如果 return 后面換行不加括號就會變成 return;

比如返回的是多行,就需要加括號,單行不需要,我在開始的時候還遇到一個問題,返回的內容需要使用一個大的標簽將其包裹。

 

 

就是這里return后面必須加()

 

 

<scripttype="text/babel">

var HelloComponent=React.createClass({ render:function(){ return(

<h1>HelloWorld</h1>) } }); ReactDOM.render(

<HelloComponent/>,document.getElementById('reactContainer') )

</script>

 

 

解決后的截圖:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM