React helper (Log, Helper, Listener)
npm install --save npm i @aryan-mor/react-helper
import React, { Component } from 'react'
import MyComponent from 'react-helper'
import 'react-helper/dist/index.css'
class Example extends Component {
render() {
return <MyComponent />
}
}
state with browser history: Demo
import React, { Component } from 'react'
import MyComponent from 'react-helper'
import 'react-helper/dist/index.css'
function Page{
//handleOpen and handleClose it's direct handler
const [open, setOpen, handleOpen, handleClose] = useOpenWithBrowserHistory("uniq-key")
return (
<div>
// <button onClick={handleOpen}>
<button onClick={setOpen}>
open
</button>
<Popup
open={open}
//onClose={()=>setOpen(false)}
onClose={handleClose}/>
</div>
)
}
MIT © Aryan-mor