简述React.createClass和extends Component的区别有哪些？
React.createClass 和 extends React.Component 是 React 中创建组件的两种方式，它们之间的主要区别包括以下几点：
- 声明方式：React.createClass 是 React 提供的特殊的创建类的方式，适用于 ES5 语法。而 extends React.Component 是 ES6 中的 class 语法，用于创建一个继承了 React.Component 的类。
例如，使用 React.createClass 创建组件：
var Greeting = React.createClass({
render: function() {
return <h1>Hello, {this.props.name}</h1>;
}
});
使用 extends React.Component 创建组件：
class Greeting extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
- 自动绑定：React.createClass 会自动绑定 this，使得你可以在回调函数中直接使用 this。而在 ES6 中，你需要在构造函数中显式地绑定 this，或者使用箭头函数。
例如，使用 React.createClass 自动绑定 this：
var Button = React.createClass({
handleClick: function() {
console.log(this); // 'this' refers to the component instance
},
render: function() {
return <button onClick={this.handleClick}>Click me</button>;
}
});
使用 extends React.Component，需要显式绑定 this：
class Button extends React.Component {
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
console.log(this); // 'this' refers to the component instance
}
render() {
return <button onClick={this.handleClick}>Click me</button>;
}
}
- 生命周期方法：两者的生命周期方法有些许差异。React.createClass 有一个默认的合并策略，如果同名的生命周期方法存在，React.createClass 会自动合并。而在 ES6 中，如果有同名的生命周期方法，后定义的方法会覆盖先定义的方法。
-
mixins：React.createClass 支持 mixins，这是一种代码复用的方式。而在 ES6 的 class 语法中，由于各种原因，React 停止了对 mixins 的支持。
自从 React 15.5.0 版本开始，React.createClass 被标记为已弃用，React 官方推荐使用 ES6 的 class 语法。