@rcp/c.keepalive


Keep react component view / store when switched view rather than unmount it.

Installation

``bash
npm install @rcp/c.keepalive


or use yarn


yarn add @rcp/c.keepalive
`

Usage

`jsx
import KeepAlive, { bindKeepAliveLifeCycle } from '@rcp/c.keepalive'
import '@rcp/c.keepalive/style.less'

@bindKeepAliveLifeCycle
class Content extends React.Component {
// 新增的生命周期
componentWillActive({newValue, oldValue}) {}
componentDidActive({newValue, oldValue}) {}
componentWillUnactive({newValue, oldValue}) {}
componentDidUnactive({newValue, oldValue}) {}
}


Home

// LifeCycle
// componentWillActive => {newValue: '/home'}
// componentDidActive => {newValue: '/home'}

// Components
// <>
// Home
//

// Update

Detail

// LifeCycle
// componentWillUnactive => {newValue: '/detail', oldValue: '/home'} (Home)
// componentWillActive => {newValue: '/detail', oldValue: '/home'} (Detail)
// componentDidUnactive => {newValue: '/detail', oldValue: '/home'} (Home)
// componentDidActive => {newValue: '/detail', oldValue: '/home'} (Detail)

// Components
// <>
// Home
// Detail
//
`

Props

$3

- Type: string

$3

- Type: boolean`

Related

Authors

This library is written and maintained by imcuttle, moyuyc95@gmail.com.

License

MIT