oallouch / react-modal-promise Goto Github PK

npm install react-modal-promise

yarn add react-modal-promise

import ModalContainer from 'react-modal-promise'

class MyApp extends React.Component {
  render () {
    return (
      <ModalContainer />
    )
  }
}

import { createModal } from 'react-modal-promise'
import { Modal } from 'react-bootstrap'

const MyModal = ({ open: bool, close: function, /*...any props was passed to modal*/ }) => (
  <Modal open={open} onHide={() => close()}>
    My Super Promised modal
    <button onClick={() => close(/*pass any value*/)}>Confirm modal</button>
  </Modal>
)

const myPromiseModal = createModal(MyModal)

myPromiseModal({ /*pass any props here*/ }).then(value => {
  // get value that you pass to 'close' function
})