react.js中render的return的坑

​ demo代码:

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

Hello World

} }); ReactDOM.render(

,document.getElementById('reactContainer') )

 

运行结果:

 

react.js中render的return的坑_第1张图片


 

原因:

JavaScript会自动给行末添加分号。如果 return 后面换行不加括号就会变成 return;

比如返回的是多行,就需要加括号,单行不需要,我在开始的时候还遇到一个问题,返回的内容需要使用一个大的标签将其包裹。

 

 

就是这里return后面必须加()



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

HelloWorld

) } }); ReactDOM.render(

,document.getElementById('reactContainer') )

 

 

解决后的截图:


react.js中render的return的坑_第2张图片


你可能感兴趣的:(react.js中render的return的坑)