Reactjs 将对象从子对象传递到父状态

是否有任何方法可以将对象从子组件推送到父道具？

您可以将一个函数从父组件传递给子组件，该函数可以设置父组件中对象的状态

import React, { Component } from 'react';
import { render } from 'react-dom';

const Child = ({saveObj}) => (
  <div
    onClick={() => {
      saveObj({test: "test"})
    }}
  >
    Click to set obj
  </div>
) 

class App extends Component {
  constructor() {
    super();
    this.state = {
      obj : null
    };
  }

  render() {
    return (
      <div>
        Obj is: {JSON.stringify(this.state.obj)}
        <p>
          <Child saveObj={obj => {this.setState({obj})}} />
        </p>
      </div>
    );
  }
}

render(<App />, document.getElementById('root'));

import React，{Component}来自'React'；
从'react dom'导入{render}；
常量Child=（{saveObj}）=>(
{
saveObj（{test:“test”}）
}}
>
单击以设置对象
) 
类应用程序扩展组件{
构造函数（）{
超级（）；
此.state={
obj:null
};
}
render（）{
返回(
Obj是：{JSON.stringify（this.state.Obj）}

{this.setState（{obj}}}/>

);
}
}
渲染（
可能重复的