@hzzt/umi-plugin-keep-alive

0.0.5 • Public • Published

umi-plugin-keep-alive

NPM version NPM downloads

<KeepAlive> for umijs base on react-activation

Usage

  1. Install

    npm install umi-plugin-keep-alive --save
    # or
    yarn add umi-plugin-keep-alive
  2. export KeepAlive from umi and wrap any component you want to be keeped

    import { 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

Package Sidebar

Install

npm i @hzzt/umi-plugin-keep-alive

Weekly Downloads

1

Version

0.0.5

License

MIT

Unpacked Size

13.5 kB

Total Files

9

Last publish

Collaborators

  • qifeng.fan
  • fenghao630