next.js 接下来,js试图获取数据,然后将其传递给客户端组件,但它不起作用[关闭]

gojuced7  于 12个月前  发布在  其他
关注(0)|答案(1)|浏览(84)

**已关闭。**此问题为not reproducible or was caused by typos。目前不接受回答。

这个问题是由错字或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
12天前关门了。
Improve this question
im异步获取数据,然后将其作为props传递给客户端组件,然后坐在客户端组件的状态并显示它,但它不工作,props传递正常,但由于某种原因状态没有设置
服务器组件:

export default async function Blog({ params }) {
  const id = params.id;
  const blog = await GetBlog(id);
  return (
    <>
      <Edit
        title="test"
        date={blog[0].date_c}
        disc={blog[0].disc}
        content={blog[0].content}
      />
    </>
  );

字符串
客户端组件:

"use client";

import { useEffect, useState } from "react";

export default function Edit({ _title, _disc, _content, _date }) {
  const [title, setTitle] = useState(_title);
  const [disc, setDisc] = useState(_disc);
  const [content, setContent] = useState(_content);
  const [date, setDate] = useState(_date);

  return (
    <>
      <div className="blog-read">
        <h2>{title}</h2>
        <small>{date}</small>
        <p>
          <b>{disc}</b>
        </p>
        <p>{content}</p>
      </div>
    </>
  );
}


它应该显示组件的数据从 prop 破坏我试图通过一个正常的字符串它没有工作也数据被正确异步提取我认为问题可能是组件正在呈现之前的数据被提取但我不确定

vojdkbi0

vojdkbi01#

** prop 名称不同,应该相同**

错误:编辑({_title,_disc,_content,_date})
正确:编辑({标题,光盘,内容,日期})
让我知道如果它仍然不工作。

相关问题