@hzzt/umi-plugin-keep-alive
v0.0.5
Published
<KeepAlive> for umi base on react-activation
Downloads
23
Readme
umi-plugin-keep-alive
<KeepAlive>
for umijs base on react-activation
Usage
Install
npm install umi-plugin-keep-alive --save # or yarn add umi-plugin-keep-alive
export
KeepAlive
from umi and wrap any component you want to be keepedimport { useState } from 'react' import { KeepAlive } from 'umi' function Counter() { const [count, setCount] = useState(0) return ( <div> <p>count: {count}</p> <button onClick={() => setCount(count => count + 1)}>add</button> </div> ) } export default function() { const [show, setShow] = useState(true) return ( <div> <h1>Page index</h1> {show && ( <KeepAlive> <Counter /> </KeepAlive> )} <button onClick={() => setShow(show => !show)}>toggle</button> </div> ) }
Options
TODO
Documentation
All function of react-activation can be completely imported from umi
import {
KeepAlive,
useActivate,
useUnactivate,
withActivation,
withAliveScope,
useAliveController
} from 'umi'
Visit react-activation for full documentation
LICENSE
MIT