javascript - 我可以在依赖数组 React JS 中使用 AND (&&) OR (||) 运算符吗

Question

我可以像这样在依赖数组中使用 && 和/或 || 运算符吗:

const isVisible = true
const isModified = false

useEffect(() => console.log("both are true"), [isVisible && isModified])

这是一种不好的做法吗？Eslint 说 React Hook useEffect 在依赖数组中有一个复杂的表达式。 react-hooks/exhaustive-deps

如何通过正确的方式实现相同的结果？

Answer 1

Eslint 说了很多东西。如果这是您的项目并且您喜欢这种风格，请更改您的 .eslintrc 以便它不会标记它。如果您按照其他人的风格进行编码，那么您应该尊重它并且可能会这样做:

const isVisible = true
const isModified = false

const combined = [isVisible && isModified]

useEffect(() => console.log("both are true"), combined)