react hooks学习
今天学习了一下react hooks, 写一些自己的学习体会.
简单说react hooks 就是用函数来代替之前的class, 然后用useState和useEffect方法来代替之前的state, setState 和 生命周期函数
state的新写法
例如:
function App() {
const [count, setCount] = useState(0);
// 这里count相当于state里的一个状态, setCount相当于setState
return(
<div>
<button onClick={() => {setCount(count + 1)}}>
增加
</button>
</div>
)
}
// 以上就是最简单的一个hooks
生命周期的新写法
function() {
const [count, setCount] = useState(0);
useEffect(() => {
console.log('相当于componentDidMount与compoenntDidUpdate组合')
})
// 如果要实现componentDidUnMount
useEffect(() => {
})
return(
<div>
<button onClick={() => {setCount(count + 1)}}>
增加
</button>
</div>
)
}