Touko
4 years ago|views:300
React-useEffect
useEffect “延迟”一段代码的运行，直到该渲染反映在屏幕上。
默认情况下，effect 在每次渲染后运行
useEffect(() => {
// 每次渲染后运行
});
useEffect(() => {
// 仅在渲染完成时运行
}, []);
useEffect(() => {
// 在渲染完成时运行，或者数组里面的依赖值改变时运行
}, [a, b]);
根据需要添加清理函数
useEffect(() => {
const connection = createConnection();
connection.connect();
return () => {
connection.disconnect();
};
}, []);
组件卸载时会关闭连接
useEffectEvent，可让您将非反应性逻辑提取到Effect event中（仅在Effects 内部调用）
tags:
3
Related Reading
comments:
Touko 湖北
nice
2023-04-10
Touko 湖北
?
2023-04-10
2 replies view more