**已关闭。**此问题为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 破坏我试图通过一个正常的字符串它没有工作也数据被正确异步提取我认为问题可能是组件正在呈现之前的数据被提取但我不确定
1条答案
按热度按时间vojdkbi01#
** prop 名称不同,应该相同**
错误:编辑({_title,_disc,_content,_date})
正确:编辑({标题,光盘,内容,日期})
让我知道如果它仍然不工作。