import React, { Component, Fragment } from 'react'

class Counter extends Component {
	constructor(props) {
		super(props)
		this.state = {
			number: 1
		}
		// this.add2 = this.add2.bind(this)
	}

	// add2() {
	// 	let number = this.state.number
	// 	number += 2
	// 	this.setState({ number })
	// }

	// 箭头函数的this指向父作用域
	add2 = () => {
		let number = this.state.number
		number += 2
		this.setState({ number })
	}
	
	render() {
		return (
			<Fragment>
				<button onClick={this.add2}>点击，数字+2</button>
				<p>{this.state.number}</p>
			</Fragment>
		)
	}
}

export default Counter

那么用箭头函数可以完美替代函数绑定吗？二者在渲染、性能上应该没有什么差别吧？