将 React 常量传递给 useEffect 挂钩

Question

我需要将 GraphQL useQuery 的 const 中的数据传递给 hook，如下所示：

const { loading: loadingData, data: timeWindowsData } = useQuery(din_times_for_rep);


useEffect(() => {
    setStartTime(moment(timeWindowsData.din_times_for_rep[0].val).format(format));
  }, []);  

它一直说din_times_for_rep 是“未定义的”。我尝试了不同的方法来传递它，如下所示：

useEffect(() => {
    setStartTime(moment(timeWindowsData.din_times_for_rep[0].val).format(format));
  }, [din_times_for_rep]); 

等等，但没有运气。有什么建议吗？

更新。

声明为：

let din_times_for_rep = gql` {
        din_times_for_rep {
            id
            name
            val
                }
            }
        `;

Answer 1

在查询完成之前不会填充timeWindowsData。您能否尝试在 useEffect 调用中添加一个守卫，看看是否有帮助？

useEffect(() => {
  if (!loadingData) {
    setStartTime(moment(timeWindowsData.din_times_for_rep[0].val).format(format));
  }
}, [timeWindowsData, loadingData]);