React新文档中，effect滥用现象，如何避免成为编程界的笑柄？

本文共计1488个文字，预计阅读时间需要6分钟。

目录+引言+一些理论知识+处理副作用+总结+引言+你的或你的同事在使用+useEffect+有时有时没有发生以下场景：+当你希望+状态a+变化后发起请求，于是你使用了+useEffect+：+useEffect(()=> {+fetch(x)+});

目录

• 引言
• 一些理论知识
• 处理副作用
• 总结

引言

你或你的同事在使用useEffect时有没有发生过以下场景：

当你希望状态a变化后发起请求，于是你使用了useEffect：

useEffect(() => { fetch(xxx); }, [a])

这段代码运行符合预期，上线后也没问题。

随着需求不断迭代，其他地方也会修改状态a。但是在那个需求中，并不需要状态a改变后发起请求。

你不想动之前的代码，又得修复这个bug，于是你增加了判断条件：

useEffect(() => { if (xxxx) { fetch(xxx); } }, [a])

某一天，需求又变化了！现在请求还需要b字段。