React.cloneElement

作用：

克隆react element， 並傳遞props, 和children

React.cloneElement(
  element,
  [props],
  [...children]
)
// children將替代現有的children， props將和現有的props進行淺合並

 

使用舉例 🌰：

renderChildren() {
  return React.Children.map(this.props.children, child => {
    return React.cloneElement(child, {
      name: this.props.name
    })
  })
}

注意：props也可以傳方法，但是，需要注意綁定this，要不然在新克隆的element中，this就指向新的element了。