zoukankan      html  css  js  c++  java
  • 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>

    解决后的截图:

  • 相关阅读:
    animation循环滚动
    <canvas>简单学习
    月末总结
    回顾-总结(2)
    初识正则
    学习中小项目遇到事
    在炎热的夏天学习以提高效率
    前端存储之cookie、localStorage
    总结(1)
    jQuery
  • 原文地址:https://www.cnblogs.com/taozi123/p/8034338.html
Copyright © 2011-2022 走看看