react实现Popup弹出层

你可以使用 `react-popup` 库来实现弹出层。以下是一个简单的示例：

1. 首先安装 `react-popup` 库：

npm install react-popup --save

2. 在你的组件中引入 `Popup` 组件：

import React from 'react';
import Popup from 'react-popup';

3. 在组件中使用 `Popup` 组件：

class MyComponent extends React.Component {
  handleClick = () => {
    Popup.create({
      content: 'Hello, world!',
      buttons: {
        left: ['cancel'],
        right: [
          {
            text: 'OK',
            className: 'success',
            action: () => {
              alert('You clicked OK!');
            }
          }
        ]
      }
    });
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>Show Popup</button>
      </div>
    );
  }
}

在上面的示例中，我们创建了一个按钮，并在点击按钮时展示一个简单的弹出层。`Popup.create()` 方法用于创建弹出层，其中 `content` 属性用于指定要展示的内容，`buttons` 属性用于指定弹出层的按钮。

你也可以使用其他属性来自定义弹出层，例如 `position` 属性用于指定弹出层的位置、`closeOnOutsideClick` 属性用于指定是否在点击弹出层外部时关闭弹出层等等。

希望这可以帮助到你！