如何以这种格式将道具或状态从父级传递给子级反应

Question

我已经预知像这样从父级到子级传递 props 或 state

 class Parent extends React.Component{
    state = {name: "parent-state"}
    update = () => {
      this.setState(state => state.name="example-state"})
    }
    render(){
    return (
    <ChildComponent {...this.state, update: this.update} />
    )

    }

现在我的问题是如何以这种格式实现同样的壮举

class Parent extends React.Component{
    state = {name: "parent-state"}
    update = () => {
      this.setState(state => state.name="example-state"})
    }
    render(){
    return (
    {this.props.children}
    )

    }

Answer 1

你的意思是这样的吗？

render() {
   return React.cloneElement(this.props.children[0], {...this.state});
}