这是一个创建于 3014 天前的主题，其中的信息可能已经有所发展或是发生改变。
一般都用var CommentForm = React.createClass({})的方式，还是class CommentForm extends React.Component{}的方式，其实哪种方式我倒都可以接受，就是他们的语法有的地方不一样，感觉挺乱的。官方文档又没有统一的地方介绍（或是我没找到？）语法差别。这两种方式各有什么优缺点？
另外能不能推荐个系统一点的教程（网站 /书），中英文都可， 15.x 版本的，官方文档看的有点儿乱。搜了几个都是以前版本的，虽然我不太清楚语法变动有多大，但感觉还是看最新的比较好！
 |
1
shangjiyu 2016-08-19 23:35:50 +08:00
es6 后者
|
 |
2
leedstyh OP @shangjiyu 谢谢我也倾向于 es6 ，你怎么解决的官方文档都是 es5 的语法，有的地方和 es6 的不一样
|
 |
3
shyling 2016-08-19 23:44:09 +08:00
当然是 stateless component 更为有爱啊
|
 |
4
FragmentLs 2016-08-19 23:47:03 +08:00  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 2016-08-19 23:54:19 +08:00 2
视频教程我推荐 EggHead
https://egghead.io/ |
|
6
leedstyh OP @shyling 我查了一下，是类似这个东东吗`const Pane = (props) => <div>{props.children}</div>;`
|
 |
7
yangxiongguo 2016-08-20 00:24:23 +08:00 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 2016-08-20 02:02:45 +08:00
都行啊，无所谓啊
|
 |
10
adspe 2016-08-20 08:22:02 +08:00 1
React.createClass({})是有 autobind 的而 es6 没有
@leedstyh 这个是 stateless component |
 |
13
simonguo 2016-09-03 00:04:26 +08:00
如果 你要用 class 就要牺牲 mixins,但是可以用高阶组件代替，而且在 class 自身的事件都需要 bind(this),用起来很烦。
所有我现在还是采用的 createClass 方式来创建一个 React 组件,等后面使用 es7 decorator 的时候再替换成 class 来实现。 另外分享一个 react 实现的组件库： https://github.com/rsuite/rsuite |
Select Language