从另一个类颤动中使用简单的警告对话框调用有状态类

// 引入React和对话框组件
import React, { Component } from 'react';
import Dialog from 'your-dialog-library';

// 创建有状态类
class DialogContainer extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showDialog: false,
      message: '',
    };
  }

  openDialog = (message) => {
    this.setState({
      showDialog: true,
      message: message,
    });
  }

  closeDialog = () => {
    this.setState({
      showDialog: false,
      message: '',
    });
  }

  render() {
    return (
      <div>
        {/* 在需要调用对话框的地方触发事件 */}
        <button onClick={() => this.openDialog('警告信息')}>打开对话框</button>

        {/* 对话框组件 */}
        <Dialog isOpen={this.state.showDialog} onClose={this.closeDialog}>
          <h2>警告</h2>
          <p>{this.state.message}</p>
          <button onClick={this.closeDialog}>关闭</button>
        </Dialog>
      </div>
    );
  }
}

// 在另一个类中使用对话框
class AnotherClass extends Component {
  render() {
    return (
      <div>
        <DialogContainer />
      </div>
    );
  }
}