本教程将带你学习 如何使用React Hooks 如何定制自己的Hook 起步准备 要继续学习本教程，你应该基本了解： ES6（箭头函数，解构，类） React 项目安装 请确保已经配置好React开发环境，并且是最新版本的Node.js，再执行： npx create-react-app exploring-hooks setState起步 首先让我们快速回顾一下React。 React是一个用于构建用户界面的库，其优点之一是React本身会强制开发人员使用严格数据流。还记得jQuery吗？使用jQuery几乎不可能清晰地构建项目，更不用说如何定义UI中的数据流，并且很难跟踪哪些功能正在改变哪个UI。 这同样适用于JavaScript：通过大量的练习和实践，有可能找到一种更好的项目结构（参考模块模式），不过还是要靠运气在各函数之间追踪状态和交互（参考Redux）。 React在某种程度上缓解了这些问题：通过强制执行清晰的 structure（container和function组件）和严格数据流（组件对 state和props的change做出即时响应），会比以前更容易创建合理的UI逻辑。 React的核心思想是，一个UI组件响应一个state变化。到目前为止，表达这种数据流的基本形式是ES6 Class。看下面的示例： 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); […]