如何在GatsbyReaction中获取JSONFile子 node

我想创建基于Gatsby框架的Azure Static Web App.我对Gatsby/Reaction/javascrip开发还是个新手.

我通过axios在我的Gatsby-node.js文件中创建了一个GET请求.

const getBlogs = endpoint => axios.get(`https://example.com/data-api/rest/blogs${endpoint}`);

 const getBlogsData = ids =>
  Promise.all(
    ids.map(async id => {
      const { data: blogs } = await getBlogs(`/glogs/${id}`);
      return { ...blogs };
    })
  );

 exports.createPages = async ({ actions: { createPage } }) => {
    const allBlogs = await getBlogsData(['1', '2', '3', '4']);

我对allBlog对象的响应如下所示:

[
  { value: [ [Object] ] },
  { value: [ [Object] ] },
  { value: [ [Object] ] },
  { value: [ [Object] ] }
]

最后，我希望将一个包含结果/数据的数组解析到我的Gatsby组件 我的Gatsby组件如下所示:

const ListBlogsComp = ({ pageContext: { allRezepte } }) => {
   return (
    <div style={{ width: 960, margin: '4rem auto' }}>
    <h1>ListBlogsComp</h1>
    {allBlogs.map(blog=> (
        <li key={blog.id}>
          <h2>{blog.id}</h2>
          <p>{glog.name}</p>
        </li>
      ))}
  </div>

  );
}

我如何访问数据？ 如何删除"value" node 以显示component/html文件中的真实数据？

我试着找一个类似于"Value"的函数.我是否必须将变量转换为其他数据类型，然后对其进行解析？