useEffect 不会 go 到 if 语句

Question

并不真正理解为什么这个代码部分不能正常工作。 这个useEffect块在每个 scrollY position 上重新渲染。 另外，我看到这个代码部分： console.log(wrapperRef.current.style.opacity); 应该调用 if 和 else if 语句，但它没有。

这是代码：

 useEffect(() => { console.log(wrapperRef.current.style.opacity); if (wrapperRef.current.style.opacity === 0) { setIsHidden(true); console.log("true"); } else if (wrapperRef.current.style.opacity === 1) { setIsHidden(false); console.log("false"); } }, [position]);

Answer 1

正如您在此处看到的，样式值是字符串，但使用===运算符您还可以检查类型是否相等。

这意味着您检查'0' === 0这不是同一类型，以及为什么您的检查从不进入 if 正文。

检查'0'或使用忽略类型的==运算符。