假如咱们有组件login和组件user,login组件外部有用户名明码输出,而后发送ajax申请给后端,后端返回胜利,同时把用户list信息也返回了,而后间接把list当参数传给user组件。同时也显示user组件。
大略的调用形式就是

<Login>   <User /></Login>
interface ILoginProps {    children: React.ReactElement;}const Login: FC<ILoginProps> = (props) => {    const getChildNode = () => {        if (props?.children) {            const cloned: React.ReactElement =             React.cloneElement(props?.children, {                initImInfo,                initConfInfo,                initUserInfo,                isHost            });            return cloned;        }        return <div />;    };    return {isLoginSuccess ?getChildNode(): <LoginFrom>}})

React.cloneElement的应用,它的第二个参数就是传给child的props.