如何在Semantic-react-ui中的Modal屏幕上显示弹出窗口？

import { Modal } from 'semantic-react-ui';

state = {
  modalOpen: false
}

handleOpen = () => {
  this.setState({ modalOpen: true });
}

handleClose = () => {
  this.setState({ modalOpen: false });
}

<button onClick={this.handleOpen}>打开弹窗</button>

render() {
  return (
    <div>
      <Modal open={this.state.modalOpen} onClose={this.handleClose}>
        <Modal.Header>弹窗标题</Modal.Header>
        <Modal.Content>
          <p>这里是弹窗的内容</p>
        </Modal.Content>
        <Modal.Actions>
          <button onClick={this.handleClose}>关闭</button>
        </Modal.Actions>
      </Modal>
    </div>
  );
}