自定义HOOK

对于开发者来说，函数是对某一个功能的封装，那么 hook 就是对相同逻辑功能的封装。

const useShowModal = (visible, data) => {
  const [modalVisible, setModalVisible] = useState(visible);
  const [modalData, setModalData] = useState(data);
  const updateModal = (v, d) => {
    setModalVisible(v);
    setModalData(d);
  };
  return {
    visible: modalVisible,
    data: modalData,
    updateModal,
  };
};
export default useShowModal;

const {visible, data, updateModal} = useShowModal(false);
const onAdd = () => {
  updateImportModal(true);
}
const onEdit = (item) => {
  updateModal(true, item);
}
const onCancel = () => {
  updateModal(false);
}