小编ris*_*_07的帖子

这是我的自定义组件。基本上它的作用是显示 api 调用失败或成功的模式。

export const useMessageModal = () => {
  const [IsModalVisible, setIsModalVisible] = useState(false);
  const [Message, setMessage] = useState(null);

  return [
    () =>
      IsModalVisible ? (
        <CModal
          isVisible={IsModalVisible}
          modalMsg={Message}
          onPressModal={() => setIsModalVisible(false)} //hideModal
        />
      ) : null,
    () => setIsModalVisible(true), //showModal
    msg => setMessage(msg),
  ];
};

在其中一个组件中，我想导航到另一个页面或在模式按钮上调用一些上下文操作，因为我想将一些函数传递给这个自定义挂钩。有人有什么主意吗？

根据 Shubham Verma 的回答，我已经更新了我的代码

import React, { useState, useEffect } from "react";
import "./styles.css";

const CModal = ({ onPressModal }) => {
  return (
    <div
      onClick={() => {
        console.log("TEst");
        onPressModal();
      }}
    > …