React项目中函数组件利用useState平替class组件（Hooks）

class组件：

import React from 'react'

class ClickCounterClass extends React.Component{
	constructor(){
		super()
		this.state = {
			count:0,
			name:'简隋英'
		}
		this.clickHander = this.clickHander.bind(this)
	}
	
	render(){
		return <div>
		<p>你点击了多少次{this.state.count}{this.state.name}</p>
		<button onClick={this.clickHander}>点击</button>
	</div>
	}
	
	clickHander(){
		this.setState({
			count:this.state.count + 1,
			name:this.state.name + 1
		})
	}
}

export default ClickCounterClass

函数组件：

//state setState
import React, { useState } from 'react'

function ClickCounter(){
	//数组的结构
	const [count, setCount] = useState(0)
	const [name, setName] = useState('简隋英')
	
	function clickHander(){
		setCount(count + 1)
		setName(name + 1)
	}
	
	return <div>
		<p>你点击了多少次{count}{name}</p>
		<button onClick={clickHander}>点击</button>
	</div>
}

export default ClickCounter