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>
解決后的截圖:

