useToggle组件封装
只针对对Boolean之间的切换,简洁直观
import { useState } from 'react';
const useToggle = (initialState:boolean = false) => {
const [toggle, setToggle] = useState(initialState);
const switchToogle: any = () => {
setToggle(!toggle);
};
return [toggle, switchToogle];
};
export default useToggle;
使用实例:
import * as React from 'react';
import useToggle from '../useToggle/index'
import { Modal} from 'antd'
export default function Name() {
const [tagVis, setTagVis] = useToggle(false)
const changeModal=()=>{
setTagVis()
}
return (
<div>
<Modal
title={tagTitle}
visible={tagVis}
onCancel={changeModal}
onOk={changeModal}
>
切换modal来回展示!!!
</Modal>
</div>
)
}