如何以json格式显示我们的数据答案

【问题标题】：how to display our data in json format如何以json格式显示我们的数据
【发布时间】：2021-10-08 08:22:30
【问题描述】：

我是下一个 JS 的新手，我想以 JSON 格式在 dynamicid.js 文件中显示我的 index.js 文件数据，谁能告诉我如何显示它。

index.js

这是显示我的输出的 index.js 文件，但我想以 JSON 格式在特定路径中显示我的输出数据。

import Head from 'next/head'
import Image from 'next/image'
import styles from '../styles/Home.module.css'

import { getDataFromSheets} from './libs/sheets'

export default function Home({data}) {
  return (
    <div className={styles.container}>
      <Head>
        <title>Nextsheet ????</title>
        <meta
          name="description"
          content="Connecting NextJS with Google Spreadsheets as Database"
        />
        <link rel="icon" href="/favicon.ico" />
      </Head>

      <main>
        <h1>Welcome to Nextsheet ????</h1>
        <p>Connecting NextJS with Google Spreadsheets as Database</p>
        <ul>
          {data && data.length ? (
            data.map((item) => (
              <li key={item}>
                {item.title} - {item.description} 
              </li>
            ))
          ) : (
            <li>Error: do not forget to setup your env variables ????</li>
          )}
        </ul>
      </main>
    </div>
  )
}
// console.log(process.env.NAME);
export async function getStaticProps(context) {
 
  const sheet = await getDataFromSheets();
  return {
    props: {
      data: sheet.slice(0, sheet.length), // remove sheet header
    },
    revalidate: 1, // In seconds
  };
}

dynamicid.js

这是我想以 JSON 格式显示数据的路由文件。

export default  function handler(req, res) {


  res.status(200).json(name : "Ashish")
  
}

【问题讨论】：

标签： javascript reactjs google-sheets next.js

【解决方案1】：

res 上的 json 方法接受一个 javascript 对象。您当前的实现不是有效的 JS。使用以下方法修复它：

  res.status(200).json({name : "Ashish"})

【讨论】：