如何在JS / React中导出和导入自定义帮助程序?

潮汐湖

任务:

  • 因此,我不想console每次使用时都键入它。
    我想输入一些速记,例如-

    log('hi') 与...一样 console.log('hi')


尝试案例:

  • 到目前为止,这是我的工作。
    我想使用log, warn, error, info对应控制台功能的简写
  • 我希望这似乎不是完全不好的做法,但我愿意听。

问题:

  • 我很困惑如何导出和导入这些文件以使用所需的符号。

开放所有建议。
请提出建议。
谢谢。

log = (arg, ...argv) => console.log(arg, ...argv)
err = (arg, ...argv) => console.error(arg, ...argv)
error = (arg, ...argv) => console.error(arg, ...argv)
info = (arg, ...argv) => console.info(arg, ...argv)
warn = (arg, ...argv) => console.warn(arg, ...argv)

// how to export? should this be a class?
阿姆鲁斯LS

是的,您可以速记。

创建log.js具有以下功能的ex:文件

export const log = (arg, ...argv) => {
    console.log(arg, ...argv)
}
export const err  = (arg, ...argv) => {
  console.error(arg, ...argv)
} 
export const error   = (arg, ...argv) => {
   console.error(arg, ...argv)
}

export const info   = (arg, ...argv) => {
  console.info(arg, ...argv)
}

export const warn   = (arg, ...argv) => {
   console.warn(arg, ...argv)
}


稍后,您只需将这些功能导入要使用的其他组件中。

import {log, err, error, info, warn} from './log'; //path may be different

然后,只需在所需位置调用函数即可。

log('hi', [1,2,3]);
err('hi', [1,2,3]);
error('hi', [1,2,3]);
info('hi', [1,2,3]);
warn('hi', [1,2,3]);

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Google Colab中导入自定义模块?

如何在IntelliJ IDEA(Java)中导入自定义程序包?

如何在渲染函数(React JS)中导出变量?

如何在Julia中导入自定义模块

如何在XCode 6中导出/导入自定义代码段

如何在PHPStorm中导出和导入运行/调试配置?

如何在fabric.js中导出具有自定义属性的SVG?

如何在控制器Laravel中导入自定义类?

如何在HTML邮件程序(HTML电子邮件)中导入自定义字体

如何在Vanilla JavaScript(JS)中导入/导出类

如何在我的React应用程序中导入JS库?

如何在Cakephp MiddleWare类中导入自定义组件?

如何在自定义帮助程序或指令中获取Laravel中的View数据

如何在Vue中导入和导出

如何在使用Laravel 6中导入自定义javascript和CSS文件

如何在Material-UI主题中导入和使用自定义字体?

如何在Angular应用程序中导入PDFMake的自定义字体?

在React.js中导出/导入组件

如何在Python自定义类中导入外部库

如何在Eclipse 3.8.1 RCP应用程序的“帮助”菜单下的“关于”条目中自定义文本和按钮

如何在 Angular 4 中导入自定义模块?

如何在 node-red 中导入自定义 jar

如何在 Ionic 4 中导入自定义 css 和 js

如何在 React 中导入默认从对象导出的方法?

如何在 NuxtJS 中的 nuxt.config.js 中导入自定义 css 文件?

如何从 React 自定义钩子和控制它的函数正确导出组件?

如何在react js中导出函数?

如何设置自定义大小以在 react-konva 中导出图像?

如何在 Next JS 中导入自定义字体?