react中class xx extends component{}和React.createClass({})的区别？

Question

用哪个比较好？

Answer 1

第一种比较好, 第一种是现在ES6的写法,第二种是之前ES5的写法, ES6现在用的越来越多了..
而且,第一种不是更清晰简洁吗..

Answer 2

class xx extends Component{}是ES6的写法，会自动继承Component里面的属性
React.createClass({})是React的ES5写法，会生成一个React Component

• 最明显的区别当然是写法的不同，这个不多说，主要是如果用第一种写法，需要用babel进行编译，才能使用

• React.createClass({})会自动绑定下面所有方法this，而第一种写法不会（箭头函数例外），所以才会看到很多用第一种写法的人在事件的callback上面用'bind(this)'来进行绑定。

感觉第一种方法比较好，可能是因为我之前比较喜欢写java的原因，更喜欢ES6的写法，感觉更简洁一点。

Answer 3

ES6和ES5写法的区别，建议第一种

Answer 4

没有什么好坏，只是随着时间的写法在不断变化而已。都看个人习惯，有人就喜欢ES5,那就用第二种写法。喜欢ES6就用第一种。ES6现在很火，也是趋势，值得学习。

Answer 5

楼主看这里--->React Native 的ES5 ES6写法对照表