javascript - React hooks useMemo, false as dependency - Stack Overflow

admin管理员组

文章数量:1343983

Recently I came across some weird usage of useMemo hook:

const memo = useMemo(callback, false);

As a second argument, instead of dependency is passed false.

Is this a valid code? React documentation states that dependency should be an array. What is the purpose of using false?

Recently I came across some weird usage of useMemo hook:

const memo = useMemo(callback, false);

As a second argument, instead of dependency is passed false.

Is this a valid code? React documentation states that dependency should be an array. What is the purpose of using false?

• javascript
• reactjs
• react-hooks

Share Improve this question Follow asked Sep 24, 2019 at 19:18 bearsiebearsie 11911 silver badge55 bronze badges 1

• 1 not valid if you use ts :D – Mohit Yadav Commented Aug 24, 2020 at 8:16

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8 +50

Is this a valid code?

It depends on what you mean by valid.

• syntactically correct: yes (javascript, typescript)
• allowed by tools: no (eslint, flow, typescript)

Is it a valid call to React API? no.

While this code works today, passing false as dependency list is not mentioned in the documentation and the behaviour can change in any future react release.

In summary: update your code to useMemo(callback, []).

Actually I’ve analyzed react-reconsiler and it turnes out that above code is equivalent to this:

const memo = useMemo(callback, []);

That’s because of javascript quirks, where:

false.length = undefined;
false[1] = undefined;

So consequently:

undefined === undefined // true

本文标签： javascriptReact hooks useMemofalse as dependencyStack Overflow