-
|
在 ahook 官网给出的 ahooks 函数处理规范 中提到：
但是如果在 useEffect 中使用函数，会收到 eslint 规则给出提示：
代码示例： const [data1, setData1, getData1] = useGetState(1)
useEffect(() => {
setData1(2)
}, [])
const [data2, setData2] = useState(1)
useEffect(() => {
setData2(2)
}, [])
所以针对 eslint 需要做什么处理，才能让 useEffect 的依赖列表不用加入相关的依赖？ |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 5 replies
-
|
目前没有办法区分，这是 react 相关生态的问题。只能通过把 error 改成 warn 来缓解： {
"plugins": [
// ...
"react-hooks"
],
"rules": {
// 加上这个
"react-hooks/exhaustive-deps": "warn"
}
}不想这样干的话，那就按照这个插件提示的那样，把需要放入依赖数组的东西都放进去。 依赖数组里的参数应该放多少，这是个颇具有争议的事情，useEffectEvent 这个新 hook 的出现（不需要写依赖数组），貌似就是来解决这个争议的，见：https://zhuanlan.zhihu.com/p/514751791（注：文中的 useEvent 就是这个 useEffectEvent，更换了名字，见：https://github.com/facebook/react/pull/25881）。 |
Beta Was this translation helpful? Give feedback.
-
|
翻了一下 react 仓库中 [eslint-plugin-react-hooks]-exhaustive-deps] 的代码， 在 isStableKnownHookValue 方法中对放入依赖数组中的内容作出了判断说明
简单说，除了几个固定的规则外，其他的都认为是 dynamic 动态的值。动态的值没有放入依赖数组就会报错 针对 ahooks 这种明知不会变化的值是不做判断的。 社区有一些相关的提案，期望用户能自行声明哪些值是可以不放入数组的 static 值，但官方似乎不愿意接受。 有第三方的fork修改方案，又或者可以自己修改代码 另外：关于依赖数组的争议，可以看官方的说明
相关链接： 官方对 exhaustive-deps 的说明 自定义依赖数组提案相关： |
Beta Was this translation helpful? Give feedback.
-
这个方案不错，目前官方不支持没办法。个人认为 useEffectEvent 是解决依赖数组问题的好东西。只能等待官方和社区一点点优化开发体验吧~ |
Beta Was this translation helpful? Give feedback.
-
|
useEffectEvent (又或者说是原来的 useEvent），目前社区提案中实现方式和 ahooks 的 useMemorizedFn 类似， 也许现在可以用 useMemorizedFn 作为代餐 |
Beta Was this translation helpful? Give feedback.
-
|
useMemoizedFn 在未来的版本就是等价于 useEffectEvent，只不过目前没做这个处理（有计划的）。所以现在使用 useMemoizedFn 相当于可以在 <18 版本的 react 中用到 useEffectEvent 的能力。 不过 useMemoizedFn 能解决多少问题，就仁者见仁吧，依赖数组问题现状不太明朗，期待官方彻底优化吧~ |
Beta Was this translation helpful? Give feedback.
-
|
从这里 facebook/react#14920 (comment) 可以看出，useEffectEvent (旧：useEvent) 就是 react 官方为了解决依赖数组问题提出的新 hook。 mark 一下 |
Beta Was this translation helpful? Give feedback.
目前没有办法区分，这是 react 相关生态的问题。只能通过把 error 改成 warn 来缓解：
不想这样干的话，那就按照这个插件提示的那样，把需要放入依赖数组的东西都放进去。
依赖数组里的参数应该放多少，这是个颇具有争议的事情，useEffectEvent 这个新 hook 的出现（不需要写依赖数组），貌似就是来解决这个争议的，见：https://zhuanlan.zhihu.com/p/514751791（注：文中的 useEvent 就是这个 useEffectEvent，更换了名字，见：https://github.com/facebook/react/pull/25881）。