插槽传值

import React from "react";

//父组件（插槽展示子组件=>cloneElement传递数据）
const Wrap = (props) => {
  console.log(props);
  return <div>{React.cloneElement(props.children, { name: 1 })}</div>;
};

//子组件
const Cpn = (props) => {
  console.log(props);
  return <div>Cpn:{props.name}</div>;
};

//Layout渲染组件
function Layout() {
  return (
    <div className="App">
      <Wrap>
        <Cpn />
      </Wrap>
    </div>
  );
}

export default Layout;

链接

参考文章：

• react——如何实现插槽传递数据？
• react 能不能通过this.props.children传值进去？
• React之不简单的Children
• React给children传props
• 在 React 组件中如何向 props.children 传递数据?