关于react hooks
一、react的组件 react的核心是组件，react有两种组件类：有状态组件（class）和无状态组件（function）。 有状态组件（class）常常使代码变的冗余而复杂，例如下面一个简单的button组件： import React, { Component } from "react"; export default class Button extends Component { constructor() { super(); this.state = { buttonText: "Click me, please" }; this.handleClick = this.handleClick.bind(this); } handleClick() { this.setState(() => { return { buttonText: "Thanks, been clicked!" }; }); } render() { const { buttonText } = this.state; return <button onClick={this.handleClick}>{buttonText}</button>; } } 可以看出代码已经很重了。 Redux 的作者 Dan Abramov 总结 了组件类的几个缺点。 大型组件很难拆分和重构，也很难测试。