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

我正在学习关于Reactjs的教程。页面工作正常,但页面上未显示所需的RenderLeader组件。(考虑到已将所有必需的组件导入文件)…在公司的领导下,我的网页上出现了一个空白

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
不是有效的字符串日期?因为当您试图解析无效的字符串日期时,会给出错误
无效的时间值。