React中想要对父组件传递子组件,请问是以哪种方式传递呢?

作者站长头像
站长
· 阅读数 18

想要对一个父组件传递子组件:

React中想要对父组件传递子组件,请问是以哪种方式传递呢?

传递children的时候:是通过props 属性传递

function Home() {
  return (
    <React.Fragment>
      <BaseLayout>
        <AdminLayout children={...}></AdminLayout>
      </BaseLayout>
    </React.Fragment>

  );
};

还是通过组件的嵌套传递呢:

function Home() {
  return (
    <React.Fragment>
      <BaseLayout>
        <AdminLayout>
          <comp1></comp1>
          <comp2></comp2>
          <comp3></comp3>
        </AdminLayout>
      </BaseLayout>
    </React.Fragment>

  );
};
回复
1个回答
avatar
test
2024-07-03

使用children属性也不会有问题,但是推荐使用第二种,比较直观,也符合大家在传递children时的一贯写法

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容