useBooleanState

useBooleanState

论如何优雅的使用和管理一个boolean状态。

Usage

import useBooleanState from '../useDocumentState';

const Demo = () => {
    const [ isLoading, toggleIsLoading, startLoading, loaded, setIsLoading ]= useBooleanState(false);
    ......
    startLoading(); // true
    loaded(); //false
    toggleIsLoading(); // isLoading取反
    setIsLoading(true);
    setIsLoading(false);
    ......

    return (<div>{isLoading ? "加载中" : "加载已完成" }</div>);
};

Reference

const [ value, toggleValue, setTrue, setFalse, setValue ]= useBooleanState(initValue : boolean);

• value: boolean - boolean 状态值;

• toggleValue: ()=>void - 切换状态;

• setTrue: ()=>void - 设为 true;

• setFalse :()=>void - 设为 false;

• setValue: (value:boolean)=>void - 设置value值;

• initValue: boolean - 初始值