关注【索引目录】服务号,更多精彩内容等你来探索!
作为开发人员,我们都会遇到一些感觉不可能的错误——直到我们修复它们并意识到这是一件微不足道的愚蠢的事情。
以下是一些真正让我浪费了几个小时(甚至几天)时间的事情
1. 忘记了.await包装setTimeout器
setTimeout尝试在异步函数中使用 Promise ,但忘记了await。
损失时间: 2 小时
修复:已添加await— 一切正常
2. 拼写错误NODE_ENV
纯属process.env.NDE_ENV偶然。实际生产中,一切都默默失败了。
损失时间: 3 小时
修复:眼睛疲劳,然后修复一个缺失的字母。
3. 直接修改 React 状态对象
我有:
const [formData, setFormData] = useState({ name: "" });
然后我照做了,formData.name = "John"而不是使用 setFormData。
不明白为什么什么都没更新。
损失时间:1 小时
修复:意识到我直接改变了状态。改用了setFormData({ ...formData, name: "John" })。
4. 直接在函数内部调用useEffect
每次渲染都会执行。经典错误,导致无限循环。
损失时间: 2 小时
修复:将其包装在另一个函数中或使用正确的依赖。
5. Next.js[slug].js文件 中缺少依赖项
正在命名我的文件slug.js并想知道为什么它不起作用。
损失时间: 2 小时
修复:重命名为[slug].js。Boom。
关注【索引目录】服务号,更多精彩内容等你来探索!

