React JS将对象传递给操作

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  render() {
    const obj = { name: 'John', age: 25 };
    return <ChildComponent obj={obj} />;
  }
}

// 子组件
import React from 'react';

class ChildComponent extends React.Component {
  render() {
    const { obj } = this.props;
    return (
      <div>
        <p>Name: {obj.name}</p>
        <p>Age: {obj.age}</p>
      </div>
    );
  }
}

import React from 'react';

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      obj: { name: 'John', age: 25 }
    };
  }

  updateObject = () => {
    this.setState({ obj: { name: 'Jane', age: 30 } });
  }

  render() {
    const { obj } = this.state;
    return (
      <div>
        <ChildComponent obj={obj} />
        <button onClick={this.updateObject}>Update Object</button>
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    const { obj } = this.props;
    return (
      <div>
        <p>Name: {obj.name}</p>
        <p>Age: {obj.age}</p>
      </div>
    );
  }
}