是否可以从一个组件复制对象的属性，并使用refs将其显示在另一个组件中？

import React, { Component } from 'react';

class ComponentA extends Component {
  state = {
    name: 'John',
    age: 25,
  };

  render() {
    return (
      <div>
        <h1>Component A</h1>
        <p>Name: {this.state.name}</p>
        <p>Age: {this.state.age}</p>
      </div>
    );
  }
}

class ComponentB extends Component {
  componentDidMount() {
    // 获取ComponentA的实例
    const componentAInstance = this.refs.componentA;

    // 复制ComponentA的属性
    const { name, age } = componentAInstance.state;

    // 在ComponentB中显示ComponentA的属性
    console.log(`Name in ComponentB: ${name}`);
    console.log(`Age in ComponentB: ${age}`);
  }

  render() {
    return (
      <div>
        <h1>Component B</h1>
        <ComponentA ref="componentA" />
      </div>
    );
  }
}

export default ComponentB;