Reactjs 通过react'；中的查询组件获取数据；使用效应

我正在我的功能组件中使用

react apollo

的

组件从apollo服务器graphql微服务获取数据。我想使用

useffect

hook和

Query

组件更新组件的状态

我尝试在

useffect

函数中使用

Query

组件，但是请求没有给出任何错误

const foo = () => {
   const [bar, setBar] = useState([]);
   const fetchBars = () => (<Query query={fetchQuery}>{({loading, error, data}) => {
         if(!loading) console.log(data);
      }})
   useEffect(() => {
    fetchBars();
   }, []);
}

constfoo=（）=>{
常量[bar，setBar]=useState（[]）；
常量fetchbar=（）=>（{（{加载，错误，数据}）=>{
如果（！加载）console.log（数据）；
}})
useffect（（）=>{
fetchbar（）；
}, []);
}

---

理想情况下，它应该调用GraphQLAPI并获取数据，但控制台不会启动。我尝试使用

axios

库而不是

Query

组件，请求正在进行中，但我不想引入新的东西来做同样的事情。

编辑了代码，这是一个打字错误我对Apollo的东西也很陌生，但可能是一个问题，你从来没有在任何地方使用

组件，只是宣布而已？你的意思是要做像使用

setBar这样的事情吗（

然后在返回此功能组件时呈现它？最终是的，我将调用

setBar

函数，但即使没有该函数，

fetchbar

函数也应该被调用。你能用stackoverflow的嵌入代码创建一个可复制的示例吗？请？AFAIK

如果（！loading）console.log（数据）；

永远不会被执行，因为你没有呈现

组件。你只是在定义它。编辑代码，这是一个打字错误。我对Apollo的东西也很陌生，但可能是一个问题，你从来没有在任何地方使用

组件，只是声明它？你是想做一些像使用

setBar之类的事情吗（

然后在返回此功能组件时呈现它？最终是的，我将调用

setBar

函数，但即使没有该函数，

fetchbar

函数也应该被调用。你能用stackoverflow的嵌入代码创建一个可复制的示例吗？请？AFAIK

如果（！loading）console.log（数据）；

永远不会执行，因为您没有呈现

组件。您只是在定义它。