Reactjs 即使在传递属性之后,RenderLeader组件也不会渲染
我正在学习关于Reactjs的教程。页面工作正常,但页面上未显示所需的RenderLeader组件。(考虑到已将所有必需的组件导入文件)…在公司的领导下,我的网页上出现了一个空白Reactjs 即使在传递属性之后,RenderLeader组件也不会渲染,reactjs,rxjs,react-props,itemrenderer,react-fullstack,Reactjs,Rxjs,React Props,Itemrenderer,React Fullstack,我正在学习关于Reactjs的教程。页面工作正常,但页面上未显示所需的RenderLeader组件。(考虑到已将所有必需的组件导入文件)…在公司的领导下,我的网页上出现了一个空白 function RenderLeader({ leader }) { return ( <Media list> <Link to={`/aboutus/${leader.id}`}> {" "} {/* Back Q
function RenderLeader({ leader }) {
return (
<Media list>
<Link to={`/aboutus/${leader.id}`}>
{" "}
{/* Back Quotes not normal one `` */}
<Media tag="li">
<Media left top href="#">
<Media object src={leader.image} alt={leader.name} />
</Media>
<Media body>
<Media heading>{leader.name}</Media>
<Media tag>{leader.designation}</Media>
{leader.description}
</Media>
</Media>
</Link>
</Media>
);
}
function About(props) {
const leaders =
props.leaders &&
props.leaders.map((leader) => {
return (
<div key={leader.id} className="col-12 col-md-5 m-1">
<p>Leader {leader.name}</p>
<RenderLeader leader={leader} />
</div>
);
});
return (
<div className="container">
<div className="row">
<Breadcrumb>
<BreadcrumbItem>
<Link to="/home">Home</Link>
</BreadcrumbItem>
<BreadcrumbItem active>About Us</BreadcrumbItem>
</Breadcrumb>
<div className="col-12">
<h3>About Us</h3>
<hr />
</div>
</div>
<div className="row row-content">
<div className="col-12 col-md-6">
........
</div>
<div className="col-12">
.....
</div>
</div>
<div className="row row-content">
<div className="col-12">
<h2>Corporate Leadership</h2>
</div>
<div className="col-12">{leaders}</div>
</div>
</div>
);
}
export default About;
函数渲染器({leader}){
返回(
{" "}
{/*反引号不是正常的``*/}
{leader.name}
{领导人指定}
{leader.description}
);
}
关于(道具)的功能{
警察队长=
领导者&&
props.leader.map((leader)=>{
返回(
领导者{Leader.name}
);
});
返回(
家
关于我们
关于我们
........
.....
企业领导
{领导人}
);
}
导出默认值约为;
Hi。仅仅从代码中很难看出什么不起作用。也许您可以附加codesandbox/stackblitz示例。这会有帮助的。是的,在这里。。。。。如果你点击关于我们的页面……你会看到在公司领导层下没有任何显示。如果你打开菜单页面,点击一道菜,你会发现它显示了一些时间错误。如何解决这个问题?这更容易理解。你应该在问题中指出具体的错误。在沙箱中,如果您查看错误,它会使您正确地判断错误是否发生。可能注释.date
不是有效的字符串日期?因为当您试图解析无效的字符串日期时,会给出错误无效的时间值。