reactjs - React useEffect 有条件地运行

Question

如何防止我的 React 组件在每次呈现组件时都获取图像，而是从商店中获取图像？我不想通过一遍又一遍地调用 API 来限制速率，但是 useEffect 的问题是它似乎没有意识到在效果“外部”设置的变量。它似乎完全忽略了 !images.length 并且当我记录 images.length 的值时它总是 0 :(

Images.tsx

const dispatch = useDispatch();
const images = useSelector(selectedImages);

useEffect(() => {
  if (!images.length) {
    dispatch(fetchImages());
  }
}, []);

Answer 1

使用 React hook useMemo，您将只在需要时调用 API

https://www.robinwieruch.de/react-usememo-hook

https://reactjs.org/docs/hooks-reference.html#usememo