strapi ,Related data sample

test.js

// strapi ,Related data sample

import React from 'react'

import Layout from '../components/layout'
import LibCommon from '../libs/LibCommon'
import LibPagenate from '../libs/LibPagenate'
import TopHeadBox from '../components/TopHeadBox'
import IndexRow from './IndexRow';
//
function Page(data) {
  var items = data.blogs
// console.log(items)
  return (
    <Layout>
      <div className="body_main_wrap">
        <div className="container">test:
        <ul>
        {items.map((item, index) => {
          var categoryName = ""
          if(item.category != null){categoryName= item.category.name }
//          console.log(item.id, item.category )
          console.log(item.id, categoryName ,item.category )
          return (<IndexRow key={index}
                  id={item.id} title={item.title}
                  date={item.createdAt}
                  category_name={categoryName} />       
          )
        })}          
        </ul>
        </div>
      </div>
    </Layout>
    )
}
export const getStaticProps = async context => {
  const res = await fetch(
    `http://localhost:1337/ex-items?_sort=createdAt:DESC&_start=0&_limit=10`,
  );
  const blogs = await res.json();
// console.log(blogs)
  return {
    props : {
      blogs: blogs,
    }
  };
}
export default Page