冰糖橙子ariesjia

如果你是一个 React 开发人员，我相信你一定已经很熟悉了 React Hooks 了。我们今天先简单的回顾一下。

什么是 React Hooks ？

通过 React Hooks 可以编写组件时在不使用 Class 的情况下使用 State，生命周期等等， 可以使组件更加简洁，便于重用逻辑

按照惯例我们还是先上这个熟悉的计数器 demo

import React from "react"

class Counter extends React.Component {
  constructor(props) {
    super(props)
    this.state  = {
      count: 0
    }
  }

  increment = () => {
    this.setState(prevState => ({count: prevState.count + 1}))
  }

  decrement = () => {
    this.setState(prevState => ({count: prevState.count - 1}))
  }

  render() {
    return ()
  }
}