Javascript 在React.usemo中的依赖项数组中放置什么

考虑以下情况：

const App = ({ data = [], users = [] }) => {
  const selectedId = React.memo(() => {
    return data.find((id) => id === 'someId');
  }, [data]);

  const userIds = React.memo(() => {
    return users.map(({ id }) => id);
  }, [users]);

  const finalIds = React.memo(() => {
    return userIds.find((id) => id === selectedId);
  }, []);

  return finalIds.toString();
}

我应该在

finalIds

中的依赖项数组中放置什么

我应该：

• 提供此处使用的变量所使用的道具，例如-

  [数据，用户]

• 提供此处使用的变量，例如-

  [selectedId，userid]

• 让它空着

---

您可以在计算中使用任何变量。换句话说，

[selectedId，userid]

。当这些变量发生变化时，您需要重复计算，否则，

finalIds

将过时

如果您使用eslint，我建议您使用。它可以发现依赖项数组中是否缺少变量，并自动填充它们