React Hook基本用法
2019-11-12 本文已影响0人
张思学
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。React Hook
Hook 是向下兼容的。本页面为有经验的 React 用户提供一个对 Hook 的概览。这是一个相当快速的概览,如果你有疑惑,可以参阅下面这样的黄色提示框。
import React, { useState, useEffect } from 'react'
function TodoList(props) {
const [count, setCount] = useState(0)
// 相当于 componentDidMount 和 componentDidUpdate:
useEffect(() => {})
return(
<div>
<p>You clicked {count} times</p>
<button onClick={() => {setCount(count + 1)}}>Click Me</button>
</div>
)
}
export default TodoList