reactjs - 如何以这种格式将道具或状态从父母传递给孩子

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

    }

标签： reactjs

Answer 1

你的意思是这样的吗？

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