react hooks

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>
	)
}