React Hooks:为什么穷举-deps linter规则需要在依赖列表中使用useMemo中的本地函数？

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-hooks

如果我在传递给useMemo (或其他钩子)的函数中使用本地函数，则exhaustive-deps链接器规则希望在useMemo的依赖项列表中包含该本地函数。我知道每次渲染时，本地函数都是一个新的实例。但由于它从未真正改变过，在我看来，没有必要将其放入依赖项

浏览 3提问于2020-01-05得票数 3

1回答

如何在功能组件中存储初始支撑状态？

reactjs、react-hooks

，但是eslint也警告说缺少依赖关系： const initialZoom =useMemo(() => zoom, []); // eslint-disable-line react

浏览 7提问于2022-02-25得票数 3

回答已采纳

2回答

带有依赖项列表和eslint-plugin-react钩子的自定义钩子

reactjs、react-hooks、eslint、eslint-plugin-react-hooks

changes too often, find the parent component that defines it and wrap that definition in useCallback (react-hooks我的代码中的警告不是什么大问题。我知道我可以通过添加一个评论来压制这一警告：问题是，自

浏览 7提问于2020-02-06得票数 6

回答已采纳

3回答

自定义钩子中缺少引用的useEffect依赖项警告

javascript、reactjs、react-hooks、eslint、ref

在启用了详尽的-deps规则的React类型记录中，当我定义一个ref并在效果内部使用它时，linter可以这样做：但是，当我将效果放入自定义钩子中时，linter抱怨我应该将ref包含在依赖项数组中： const stringRef: Re

浏览 9提问于2021-02-10得票数 6

4回答

received收到了一个依赖关系未知的函数。传递一个内联函数

javascript、reactjs、react-hooks、usecallback

考虑一下这个例子： memoize((param) => () => someFunction(param)),以上代码给出了警告： const memoizedCb = React.useMemo( () =

浏览 15提问于2021-11-03得票数 7

回答已采纳

1回答

如何正确修复React缺少一个依赖项

reactjs、eslint、eslint-config-airbnb、usecallback、react-usecallback

我在React项目中使用airbnb更新了Eslint规则。 React useCallback缺少一个依赖项：“setCookie”。要么包含它，要么删除依赖array.eslintreact-钩子/穷举-deps extends: [ 'airbnb','a

浏览 3提问于2022-07-04得票数 0

1回答

如何使用eslint规则function钩子/详尽-deps来警告无点函数表达式中的违规行为。

reactjs、react-hooks、eslint

在我的.eslintrc中，我已经配置了规则"react-hooks/exhaustive-deps": "error"。 setValue(previousValue => previousValue + 1); return getValue

浏览 2提问于2020-05-19得票数 1

2回答

反应钩下沉:这总是有意义的吗？

reactjs、eslint、react-hooks

正如你可能知道的，创建-反应-应用程序3附带了一个新的精简规则：react-hooks/exhaustive-deps。当钩子的依赖数组中缺少依赖项时，将显示警告。但这似乎并不总是有意义的。有些依赖项可能是“沉默的”或“弱的”依赖。要么包含它们，要么删除依赖数组react/

浏览 0提问于2019-05-18得票数 3

回答已采纳

2回答

React useEffect挂钩缺少依赖项链接警告

reactjs、react-hooks、use-effect

我通过useAxios钩子使用React API钩子来获取组件加载时的useEffect数据。，但我得到了linter警告：我可以使用

浏览 19提问于2020-05-17得票数 0

回答已采纳

2回答

React挂钩useEffect缺少依赖项：“formValues”。包括它或删除依赖数组react-hooks/exhaustive deps

javascript、reactjs、react-redux

每当useSelector更改其值时，我都会尝试更新我的reducer，但我需要使用扩散操作符来保留reducer中的其余内容。但我的useEffect给出了以下警告： React挂钩useEffect缺少依赖项：“formValues”。要么包含它，要么删除依赖数组react-hooks/exhaustive deps。有没有办法避免这个警告，并保持我的减速器的

浏览 66提问于2020-11-11得票数 0

1回答

在useEffect中调用一个函数，该函数在完成后调用另一个函数，但即使使用回调也不能停止重命名

reactjs、react-hooks、axios

我在useEffect中调用一个函数，我只想运行它一次。完成后，此函数将调用另一个函数，该函数应再次运行一次。最初，我的设置没有问题，但后来得到了有关依赖关系的警告，所以我做了一些研究，并添加了一个useCallback，但这使得useCallback请求依赖项，而我现在添加了它，现在它可以多次重新呈现了。我知道我可以使用类组件或redux，但是我希望有这样的解决方案，因为我对返回的</em

浏览 5提问于2022-04-19得票数 0

2回答

将函数包含在React中，useEffect依赖数组会导致不必要的函数运行

javascript、reactjs、typescript、react-hooks、use-effect

在我的React应用程序中，每当useEffect更改eventTracker时，我都会使用wallet.address调用wallet.address。address); }我的IDE和浏览器控制台都发出了警告 React useEffect缺少一个依赖项要么包含它，要么删除依赖array.eslintreact-钩子/穷举</em

浏览 6提问于2022-07-06得票数 2

回答已采纳

2回答

无法在依赖项为空的useEffect中调用自定义react挂钩

reactjs、react-hooks

我是新的反应钩子，我正在做一个项目的新功能“钩子”的反应。我遇到了一个问题，我需要一个解释。作为文档，要实现"componentDidMount"，只需在依赖项参数中传递空数组。useEffect(() => { }, []); 我可以在这个useEffect中调用updateState的调度函数。现在我有了我的自定义钩子，但是我不能在effect内部调用

浏览 30提问于2019-12-09得票数 0

回答已采纳

3回答

如何在上下文使用者中运行函数后防止useEffect()运行两次，以及如何防止useContext()重新呈现

javascript、reactjs、react-context

据了解，在状态更改后，function将重新呈现，例如，从setState中调用useState()，从useContext()变量调用函数或变量。但是现在我不明白为什么我会得到ESLint警告调用useCallback()中的上下文函数，而不需要列表中的依赖项。如果我将依赖项放到列表中，useCallback()将被重新呈现，来自useCallback()变量<

浏览 7提问于2022-04-03得票数 1

回答已采纳

1回答

将对象字段作为useMemo的依赖项

javascript、reactjs、react-native、react-hooks、eslint

我有以下代码： HomeStacks: { iconTypebadgeCount: badges["activity"], }), [badges["activity"]]); 而且，出于某种原因，ESLint给我抛出了一个错误，它来自于“react钩子/详尽的-deps”规

浏览 2提问于2021-11-22得票数 0

回答已采纳

1回答

我试图在useEffect更改时运行activePopup块中的代码，但也需要访问其他属性和状态。在VS代码中，这会导致一个警告，其中提到钩子缺少依赖项，应该添加这些依赖项，或者应该删除依赖项数组。理论上，我理解为什么useEffect需要依赖数组中的所有变量:如果randomData更改而不更改activePopup，则不会运行该useEffect调用。但是，如果它不必这样做，而且我只需要在打开弹

浏览 2提问于2021-05-03得票数 0

2回答

React缺少一个依赖项：“调度”。要么包含它，要么删除依赖数组react/react。

reactjs、react-hooks

React useEffect缺少一个依赖项：“调度”。要么包含它，要么删除依赖数组react/react。这是我的密码函数寄存器(Props){ const inusers=useSelector( (state) => {返回状态})；const history=useHistory() const

浏览 6提问于2021-10-19得票数 7

2回答

React警告useEffect缺少依赖项

reactjs、react-hooks、use-effect

在我的React应用程序中，我有一个redux存储，其中包含一个具有以下模型的用户： { name: "", isAdmin: false,client: { id: undefined }, tokenExpiry: null }; 在一个简单的页面上，我在数据库中查询与该用户相关的其他数据。如果我理解正确

浏览 118提问于2020-01-20得票数 1

回答已采纳

2回答

当数组作为依赖项传递时，React中的useEffect将在无限循环中运行

javascript、reactjs、loops、state、react-hooks

当下面的代码在React组件中运行时，它会导致无限循环。为什么将数组作为依赖项传递给useEffect (在本例中为args)会导致这种情况发生？我如何才能阻止无限循环的发生呢？代码应该只运行一次。我读到过，我可以使用[args.length]来阻止这种情况的发生，但是ESLint规则react-hooks/exhaustive-deps抛出了一个错误，所以我希望避免这样

浏览 63提问于2020-03-07得票数 0

回答已采纳

1回答

useEffect警告说缺少依赖关系会导致无限循环。

reactjs、use-effect

这件事做得很好，做了我想做的。然而，在我的控制台中，我看到编译器抱怨这个消息Line 20:6: React Hook useEffect has a missing dependency: 'form'.Either include it or remove the dependency array react-hooks/exhaustive-deps。当我将[ form ]作为第二个参数添加到useEffect中时，或者如果我从u

浏览 0提问于2021-02-04得票数 1

回答已采纳

点击加载更多