Question

我尝试克隆这样的React元素，将父道具传递给它们（在这个例子中没有分配道具）：

React.createElement('div',
    {
        style: this.props.style
    },
    React.cloneElement(this.props.children, null)
)

然而，这会返回以下错误：

未捕获的不变违规：元素类型无效：预期a string（用于内置组件）或类/函数（用于复合组件）但得到：未定义。

如果只有一个子节点或者我传递了React.cloneElement（this.props.children [0]，null），则没有错误，并且会呈现所需的元素。

如何克隆多个元素？

Answer 1

children道具是一个不透明的结构，它可以是undefined，一个数组或一个反应元素。您应该使用React.Children utilities映射children结构：

const style = this.props.style
React.createElement('div',
    { style },
    React.Children.map(this.props.children, (child => React.cloneElement(child, { style })))
)

如何使用React.cloneElement克隆多个子元素？

1 个答案: