1.0.8 • Published 5 years ago

react-utils-hooks

Licence

ISC

Version

1.0.8

Deps

Size

8 kB

Vulns

Weekly

react hooks for nomal utils

npm install react-utils-hooks

import { useSafeState } from 'react-utils-hooks';

保证页面加载完毕之后再执行render，可避免未渲染完毕执行render而影响性能；

const [val, setVal] = useSafeState();

获取到上一个状态的值

const [count, setCount] = useState(0);
const previousCount = usePrevious(count);

判断页面是否加载完毕

const isMounted = useMounted()

类似componentDidmount

useDidMount(()=> {
  //加载完成之后执行逻辑
})

类似componentWillmount

useWillMount(()=> {
  //页面渲染之前执行逻辑
})

页面更新操作

useDidUpdate(()=> {
  //更新逻辑
},[deps])

页面卸载前操作、类似componentWillunmount

useWillUnmount(()=> {
  //卸载页面之前操作
})

切换状态，常用于show、visible

const [visible, togglerVisible] = useToggler(false);
<div onclick={togglerVisible}></div>