一般都用var CommentForm = React.createClass({})的方式，还是class CommentForm extends React.Component{}的方式，其实哪种方式我倒都可以接受，就是他们的语法有的地方不一样，感觉挺乱的。官方文档又没有统一的地方介绍（或是我没找到？）语法差别。这两种方式各有什么优缺点？
另外能不能推荐个系统一点的教程（网站 /书），中英文都可， 15.x 版本的，官方文档看的有点儿乱。搜了几个都是以前版本的，虽然我不太清楚语法变动有多大，但感觉还是看最新的比较好！
 |
1
shangjiyu Aug 19, 2016
es6 后者
|
 |
3
shyling Aug 19, 2016
当然是 stateless component 更为有爱啊
|
 |
4
FragmentLs Aug 19, 2016  1
>Our eventual goal is for ES6 classes to replace React.createClass completely, but until we have a replacement for current mixin use cases and support for class property initializers in the language, we don't plan to deprecate React.createClass.
https://facebook.github.io/react/blog/2015/03/10/react-v0.13.html |
 |
5
cxbig Aug 19, 2016 2
视频教程我推荐 EggHead
https://egghead.io/ |
 |
6
leedstyh OP @shyling 我查了一下，是类似这个东东吗`const Pane = (props) => <div>{props.children}</div>;`
|
 |
7
yangxiongguo Aug 20, 2016 1
印象中 15.x 与以前版本语法没变化，因为是 0.14 直接跳 15.0 的，担心的话可以看看 15.0 的升级文档。
官方文档看起来挺乱但建议按顺序一步步看下来，这个链接有介绍 es6 语法： https://facebook.github.io/react/docs/reusable-components.html#es6-classes |
|
8
leedstyh OP @yangxiongguo 原来在这个链接了，看来我着急了，看了 tutorial 有一堆疑问，就来发帖了
|
 |
9
df4VW Aug 20, 2016
都行啊，无所谓啊
|
 |
13
simonguo Sep 3, 2016
如果 你要用 class 就要牺牲 mixins,但是可以用高阶组件代替，而且在 class 自身的事件都需要 bind(this),用起来很烦。
所有我现在还是采用的 createClass 方式来创建一个 React 组件,等后面使用 es7 decorator 的时候再替换成 class 来实现。 另外分享一个 react 实现的组件库： https://github.com/rsuite/rsuite |
Select Language