Javascript React使用spread操作符向克隆元素添加新道具

我有一个这样的容器：

const ReactContainer = ({ children, ...rest }) => React.cloneElement(children, rest);

现在，我想向克隆的元素添加新的道具-

count

和

flag

：

所以我试了一下：

const ReactContainer = ({ children, ...rest }) => {
    const count = 0;
    const flag = false;

    return React.cloneElement(children, {count, flag}, rest);
};

但这不起作用，我尝试过其他的变化。如何将这些新道具添加到克隆元素中，以保持扩展运算符的简单性？

请尝试以下操作：

const ReactContainer = ({ children, ...rest }) => {
    const count = 0;
    const flag = false;

    return React.cloneElement(children, {...rest, count, flag});
};

请注意，在上面的示例中，

…组件函数定义中使用的rest

充当

cloneElement

的角色。

请尝试以下操作：

const ReactContainer = ({ children, ...rest }) => {
    const count = 0;
    const flag = false;

    return React.cloneElement(children, {...rest, count, flag});
};

请注意，在上面的示例中，

…组件函数定义中使用的rest

充当

克隆元素

的角色