SuperAPI AI 工具集

writing-react-effects

前端与建站

查看项目

更新于 10-15 21:36

技能介绍

用途:指导编写 React 组件,避免不必要的 useEffect 调用。核心原则:Effect 是与外部系统(网络、DOM、第三方组件)同步的逃生舱;若不存在外部系统,就不需要 Effect。主要能力:强调在渲染期间计算派生状态——若某值可由当前 props/state 算出,就不要存入 state 或用 effect 更新,以免多余渲染和状态漂移;不要仅为响应 prop 变化而在 effect 中设置 state,应优先使用派生值或带 key 的重置。资料给出对比示例:错误做法是用 useState 保存 fullName 并在 useEffect 中根据 firstName、lastName 更新;正确做法是直接在渲染期计算 fullName = firstName + ' ' + lastName。使用方式:在创建或审查 React 组件、重构 effect 时参考该技能。限制:资料未提供安装命令、平台支持、收费或价格信息,暂未提供。