首页 > 解决方案 > 如何从 React 的封装函数外部导出/导入或访问封装函数中定义的函数?

问题描述

我正在尝试向模块添加代码并且在导出和范围方面遇到问题。

我有一个这样的文件:

export enum foo {
  ctl = '0',
  dta = '1',
} 
const EncapSulatingFunc = (props: any) => {
const func1 = (uid: string, text: string, ts: string) => { ... }
const func2 = (
    uid: string,
    text: string,
    ts: string,
    local: boolean,
  ) => {...}
const func3 = async (msg: string) => {...}
useEffect(() => {
    ...
  }, [someprops.channel, somprops.appId, isGoing);
render(...)
}; // end of EncapSulatingFunc
export default EncapSulatingFunc;

我可以在这个文件之外和 Encapsulationg Func 之外访问枚举。导入此模块时,我无法在文件中或从其他文件中访问封装函数之外的 func1,2 或 3。

有没有办法让 func1,2 或 3 在 EncapSulatingFunc() 之外可用?

谢谢!

标签: reactjstypescriptscopeexport

解决方案


仅供参考,我会将函数定义向上移动到封装函数之外以使其工作。


推荐阅读