如何在React中重新呈现来自另一个组件的组件

// 父组件
import React, { Component } from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: 'Initial data' // 初始数据
    };
  }

  componentDidUpdate() {
    // 监听数据变化
    // 更新父组件的状态
    this.setState({
      data: 'Updated data' // 更新数据
    });
  }

  render() {
    return (
      <div>
        <ChildComponent data={this.state.data} /> // 传递数据给子组件
      </div>
    );
  }
}

export default ParentComponent;

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

const ChildComponent = props => {
  return (
    <div>
      <p>{props.data}</p> // 显示接收到的数据
    </div>
  );
};

export default ChildComponent;