javascript - 仅当某个变量存在时才使用 Effect 依赖，然后仅将其视为依赖

Question

我有以下一组运行代码:

useEffect(() => {
 if (field[1].isActive === true) {
  handleMore();
 }
}, [field[1].text]);

问题有时是 Field 没有出现在 json-response 中，所以这段代码会显示错误。由于我不能将 useEffect 放在某些条件语句中(根据 React 指南，所有 useEffects 应始终以相同顺序运行)，有什么方法可以添加一些依赖性代码，例如 [field.length?字段[1].text: null]。我不确定。

有人可以帮忙吗？

Answer 1

您可以为此使用可选链接或 &&。

useEffect(() => {
 if (field?[1]?.isActive === true) {
  handleMore();
 }
}, [field?.[1]?.text]);

或者

useEffect(() => {
   if (field?[1]?.isActive === true) {
      handleMore();
   }
 }, [field && field[1] && field[0].text]);