如何使用useMemo代替useEffect？

Question

我有一个月的选项数组，我在useEffect中使用它，但是得到了deps的警告。请指导如何使用useMemo。我收到了如下警告：“options”数组使useEffect Hook (在第83行)的依赖项在每次呈现上发生变化。要解决这个问题，请将“选项”的初始化封装在它自己的useMemo Hook react钩子/详尽-deps中。

const options = [];

useEffect(() => {
  if (financialMonth) {
    options.forEach((item) => {
      if (Number(item.value) === Number(financialMonth)) {
        setMonthDefault(item.text);
      }
    });
    if (financialMonth.length === 0) setMonthDefault("April");
  }
}, [financialMonth, options]);

Answer 1

简单地说：

const options = useMemo(() => [], [])

如果您有一个常量的值数组(如果它不依赖于状态或道具)，那么考虑将它放在组件之外。这样，您就不必担心useMemo或将它放在useEffect依赖项数组中。