1.3.0 • Published 3 years ago
use-keep-state v1.3.0
Example
Install
npm i use-keep-state -S
Example
No.1 Demo
import React from 'react';
import useKeepState from 'use-keep-state';
// Must be unique
const namespace = 'App';
const initState = {
number: 0
};
const App = () => {
const [state, setState] = useKeepState(initState, namespace);
const onClick = () => {
setState({ number: state.number + 1 });
};
return (
<div>
<h1>{state.number}</h1>
<button onClick={onClick}>Click</button>
</div>
)
}
export default App;
No.2 Demo
import React from 'react';
import useKeepState from 'use-keep-state';
// Must be unique
const namespace = 'App';
const initState = {
number: 0
};
const App = () => {
const [state, setState, destroyState] = useKeepState(initState, namespace);
const onClick = () => {
setState({ number: state.number + 1 });
};
React.useEffect(() => {
// Leave reset state
return () => destroyState(namespace);
}, []);
return (
<div>
<h1>{state.number}</h1>
<button onClick={onClick}>Click</button>
</div>
)
}
export default App;
API
useKeepState(initState: object, options: object | string)
options
- namespace // Unique name
String
- keepAlive // default
true
- sessionStorage // default
false
License
MIT
1.3.0
3 years ago
1.2.10
4 years ago
1.2.9
4 years ago
1.2.8
4 years ago
1.2.7
4 years ago
1.2.5
4 years ago
1.2.0
4 years ago
1.2.1
4 years ago
1.1.9
4 years ago
1.1.8
4 years ago
1.1.7
4 years ago
1.1.91
4 years ago
1.1.6
4 years ago
1.1.5
4 years ago
1.1.3
4 years ago
1.1.1
4 years ago
1.1.2
4 years ago
1.1.0
4 years ago
1.0.0
4 years ago