目录
- 前言1
- 目录2
- 如何测试 React Hooks ? 3
不是图书控的我,鬼迷心窍的一心想做一本更加真实的网络书
从来没有试过冰糖橙子的我,神魂颠倒的取了诡异的博客名
断断续续,拖拖延延的做很久,墨迹了个半成品
总而言之2011,冰糖橙子将会更加努力
如果你是一个 React 开发人员,我相信你一定已经很熟悉了 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 ()
}
}