码迷,mamicode.com
首页 > Web开发 > 详细

react.js中render的return的坑

时间:2017-12-13 23:59:53      阅读:412      评论:0      收藏:0      [点我收藏+]

标签:ati   就会   one   block   bsp   turn   var   copyright   gpo   

? 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>

 

 

解决后的截图:

 

技术分享图片

 

react.js中render的return的坑

标签:ati   就会   one   block   bsp   turn   var   copyright   gpo   

原文地址:http://www.cnblogs.com/taozi123/p/8034338.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!