ModalProvider 模态框提供者

模态框提供者。

代码演示

基本使用

基本使用。

​
import React from 'react';
import ReactDOM from 'react-dom';
import {
  ModalProvider,
  Modal,
  Button,
  injectModal,
  useModal,
} from 'choerodon-ui/pro';
​
const Context = React.createContext('');
​
const ModalContent = () => {
  const context = React.useContext(Context);
  const modal = useModal();
  return context ? (
    <>
      {`Modal with context<${context}>`}
      <Button onClick={() => openModal(modal, 'Inner level 2', 300)}>
        open new provider
      </Button>
    </>
  ) : (
    'Modal without context'
  );
};
​
const openModal = (modal, title, width) => {

API

ModalProvider