map function 使用 next.js 在 ReactJs 中不工作

Question

我是 ReactJS 的新手，我正在使用“Nextjs”框架，現在我正在使用“異步”function 獲取數據，但無法使用“地圖”function 獲取數據，在 console.log 中...顯示以下消息“項目： undefined }”，這是我的代碼，我哪里錯了？

import React, { Component } from 'react';
const blog =({items}) =>{
  console.log({items});
  return(
  <div>
   </div>
);
};


//calling api for get data
export const getstaticprops=async()=>{
console.log('Om Success');
    const res=await fetch('https://jsonplaceholder.typicode.com/posts');
    const posts = await res.json()
    return {
      props: { items: posts },
    }
  
}
export default blog

Answer 1

測試這段代碼！

const blog =({posts}) =>{
  console.log(posts); \\ fix console log
  return(
  <div>

  </div>
);
};
export async function getServerSideProps(){
console.log('Om Success');
    const res = await fetch('https://jsonplaceholder.typicode.com/posts');
    const posts = await res.json()
    return {
      props: { posts }, \\ remove items
    }
  
}