Skip to content

Latest commit

 

History

History
52 lines (47 loc) · 1.03 KB

README.md

File metadata and controls

52 lines (47 loc) · 1.03 KB

react-bootstrap-confirm

confirm dialog for react with bootstrap modal.

Examples

import React, { PropTypes } from 'react'
import Confirm from 'react-bootstrap-confirm'

class App extends React.Component {
    componentDidMount() {
        this.refs.confirm
        .show('are you sure?')
        .then(() => {
            //after sure
        })
        .catch(() => {
            //after cancel
        })
    }
    render () {
        return (
            <div>
                <Confirm.Component ref='confirm' title='Tips' sure='Sure' cancel='Cancel' />
                <Children/>
            </div>
        )
    }
}

class Children extends React.Component {
    onClick() {
        Alert.Actions
        .show('are you sure?')
        .then(() => {
            //after sure
        })
        .catch(() => {
            //after cancel
        })
    }
    render () {
        return (
            <div>
                <button onClick={this.onClick.bind(this)}>click</button>
            </div>
        )
    }
}

export default App;