react-onclick-outside

On click outside the component decorator

Usage no npm install needed!

<script type="module">
  import reactOnclickOutside from 'https://cdn.skypack.dev/react-onclick-outside';
</script>

README

React onclick outside

On click outside the component decorator

Installation

npm install --save react-onclick-decorator

Example

import React from 'react'
import {connect} from 'react-redux'
import multidecorator from 'react-multidecorator'
import onClickOutside from 'react-onclick-outside'
import {bindActionCreators} from 'redux'
import {close} from './actions'

const Popup = (...)

export default multidectorator(
    connect(undefined, ( dispatch )=>({
        close: bindActionCreators( close, dispatch )
    }),
    onClickOutside( props => props.close() )
)(Popup)