时间戳

首页 > 解决方案 > 是否可以为所有反应组件自动导入 JS 文件？

javascript - 是否可以为所有反应组件自动导入 JS 文件？

问题描述

我创建了一个日志记录实用程序功能，我计划在我的站点中 99% 的组件上使用它。我想知道是否可以访问此文件而无需编写“import { logger } from 'utils/logging';” 对于每个 React 组件？有点像自动导入？

我正在使用 create-react-app。

标签： javascriptreactjsimportecmascript-6auto

解决方案

你正在尝试做的事情听起来像是一种糟糕的方式。我认为如果您需要记录自定义数据，最好的解决方案是创建/添加中间件。或者在 React 的情况下可能是一个包装器组件。我不确定。

否则请查看 React / Redux Dev Tools Extension。

https://github.com/facebook/react-devtools

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

编辑：如果你想忽略好的做法，那么你可以这样做：

// in index.js or app.js or wherever
import { logger } from 'utils/logging'

// if you have an env for development use it here
process.NODE_ENV = 'development' && window.logger = logger

// or just
window.logger = logger


// SomeComponent.js
window.logger()

推荐阅读