reactjs - 如何从 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() 之外可用?
谢谢!
解决方案
仅供参考,我会将函数定义向上移动到封装函数之外以使其工作。
推荐阅读
- encoding - 将 html 流从 c# webbrowser 加载到 htmlagilitypack 时编码错误
- ansible - Ansible 库存分组
- angular - 如何在其他函数中获取 deviceValue?
- firebase - 有没有办法将 Firebase 托管/平台用于用 ejs 编写的实际工作网站?
- java - 如何更改通知横幅的方向?
- python - 如何查找给定树上是否存在路径?
- powershell - Powershell adds quotes to splitted CSV file
- json - 使用 geojsonhint 分析结果时,总是在第 1 行引发错误“1:1 错误解析错误:”类型“”
- python - 试图更改大型 csv 文件中的分隔符导致内存错误(python 3)
- angular - 如何将下拉描述从一个组件传递到另一个组件,在 Angular 6 中使用 Visual Studio Code