在子组件的事件上强制重新加载屏幕

import React from 'react';

class ChildComponent extends React.Component {
  handleButtonClick = () => {
    // 触发reloadScreen事件
    this.props.reloadScreen();
  }

  render() {
    return (
      <div>
        <button onClick={this.handleButtonClick}>重新加载屏幕</button>
      </div>
    );
  }
}

export default ChildComponent;

import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  reloadScreen = () => {
    // 重新加载屏幕的逻辑，可以在这里更新组件状态或调用其他方法
    // 例如：this.setState({ data: newData });
  }

  render() {
    return (
      <div>
        <h1>父组件</h1>
        <ChildComponent reloadScreen={this.reloadScreen} />
      </div>
    );
  }
}

export default ParentComponent;