import React, { useRef, createContext, useContext } from 'react';\nimport PageContainer from '@/components/PageContainer';\nimport ProCard from '@/components/ProCard';\nimport UserLog from '@/components/UserLog';\nimport Policy from './Policy';\nimport PrimaryClass, { ConfigRef } from './PrimaryClass';\nimport Secondary from './Secondary';\n\nconst MyContext = createContext(null);\n\nconst Module: React.FC = () => {\n const inforRef = useRef(null);\n // const wholeRef = useRef(null);\n\n const reloadLists = () => {\n inforRef?.current?.reload?.();\n inforRef?.current?.getUpdate?.();\n };\n\n // const getWhole = () => {\n // wholeRef?.current?.reload?.();\n // wholeRef?.current?.getWhole?.();\n // };\n return (\n \n <MyContext.Provider value={{ reloadLists }}>\n \n \n \n \n {/* <UserLog businessType={'ROLE'} /> */}\n \n </MyContext.Provider>\n \n );\n};\n\nexport default Module;\n\nconst Policy = () => {\n const { reloadLists } = useContext(MyContext);\n return (\n \n );\n};\n\nexport default Policy;\n\nconst Secondary = () => {\n const { reloadLists } = useContext(MyContext);\n return (\n \n );\n};\n\nexport default Secondary;

React 组件间通信:使用 Context 实现接口调用

原文地址: https://www.cveoy.top/t/topic/qdwL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录