#Tech
今天想React了
- 可以通过
console.time()
和console.timeEnd()
包裹来计算中间运算的耗时。 - 有CPU节流工具可以用。
- 每次应用加载时执行一次,而不是在 每次组件挂载时执行一次。1
- 顶层代码会在组件被导入时执行一次
useSyncExternalStore
在模块初始化和应用渲染之前执行它:
if (typeof window !== 'undefined') { // 检测我们是否在浏览器环境
// ✅ 只在每次应用加载时执行一次
checkAuthToken();
loadDataFromLocalStorage();
}
function App() {
// ...
}
let didInit = false;
function App() {
useEffect(() => {
if (!didInit) {
didInit = true;
// ✅ 只在每次应用加载时执行一次
loadDataFromLocalStorage();
checkAuthToken();
}
}, []);
// ...
}