React组件创建与事件绑定的实现方法

// 方式1：JS函数
function Hello(){
	return (
		<div>函数组件</div>
	)
}
// 方式2：箭头函数
const Hello = () => <div>函数组件</div>
// 渲染函数组件
ReactDOM.render(<hello />,document.getElementById('root'))

class Hello extends React.Component {
	render(){
		return  <div>类组件</div>
	}
}
// 渲染函数组件
ReactDOM.render(<hello />,document.getElementById('root'))

// 类组件绑定事件
class APP extends React.Component{
	// 事件处理程序
	handleClick(){
	console.log('类组件中事件处理函数')
	}
	render() {
		return (
			<button onclick={this.handleClick}>点我</button>
		)
	}
}

// 函数组件绑定事件
function APP(){
	// 事件处理程序
	function handleClick(){
		console.log('函数组件中事件处理函数')
	}
	return (
		<button onclick={handleClick}>点我</button>
	)
}
// 渲染函数组件
ReactDOM.render(<APP />,document.getElementById('root'))