react-utils-hooks

react hooks for nomal utils

Installation


npm install react-utils-hooks


Usage


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


$3

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


const [val, setVal] = useSafeState();


$3

获取到上一个状态的值


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


$3

判断页面是否加载完毕


const isMounted = useMounted()


$3

类似componentDidmount


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


$3

类似componentWillmount


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


$3

页面更新操作


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


$3

页面卸载前操作、类似componentWillunmount


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


$3

切换状态，常用于show、visible


const [visible, togglerVisible] = useToggler(false);

react hooks for nomal utils


npm install react-utils-hooks


Usage


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


$3

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


const [val, setVal] = useSafeState();


$3

获取到上一个状态的值


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


$3

判断页面是否加载完毕


const isMounted = useMounted()


$3

类似componentDidmount


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


$3

类似componentWillmount


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


$3

页面更新操作


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


$3

页面卸载前操作、类似componentWillunmount


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


$3

切换状态，常用于show、visible


const [visible, togglerVisible] = useToggler(false);