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

Question

我已经具备了这样的前提，可以将道具或状态从父母传递给孩子

 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});
}