React中createClass的理解和react的入门教程?

var CommentBox = React.createClass({
  render: function () {
    return (
      <div className="commentBox">
        Hello I'm a commentBox.
      </div>
    );
  }
});

从代码上来看,react中的createClass是一个函数。
如果是函数,为什么可以有这样的方式

render:function() {}

难道说这个函数里面传参数时候,传过去的是一个对象?

还有就是return,为什么return的返回形式是

return (
    //xxxxx    
    )

一直很不理解。

另外。新手初学react,有什么好的入门教程么?希望各位推荐一下,谢谢啦、

阅读 5k
4 个回答

第一个问题理解无误,就是参数即对象。

第二个问题 return 的结果是一个表达式,括号里的内容就是表达式而已。之所以写括号,主要是因为这里要返回的表达式内容很长,需要断行,不用括号的话解释器会解析错误。

呵呵,我也在学react,从进度来看,我大概领先你三、四十个小时的学习时间。
你问的两个问题都是ECMAScript 6的基本语法问题,答案楼上的已经告诉你了。
这说明你在这方面基本功还不够,或者说理解不深刻,去补基础知识吧。

其实根本问题在于 对js理解不足

React.createClass 接收一个对象, 这个对象有一个属性是函数叫做 render, 函数render的返回值是 <div ... /div> 。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题