从react组件访问环境变量 [英] accessing environment variable from react component
问题描述
我有一些非敏感数据需要根据 staging
或 production $ c中运行的环境节点设置为不同的值$ c>,我相信访问类似
process.env.NODE_ENV
的内容将无法在react组件本身内工作,只能在服务器端文件中工作,因此需要以某种方式通过这是我的反应组件。
I have some non sensitive data that I need to set to different values based on what environment node runs in staging
or production
, I believe accessing something like process.env.NODE_ENV
will not work within a react component itself, only in a server side files, hence need a way to somehow pass this down to my react component.
它只是显示页脚组件中是否有字符串Staging或Production。
It is simply to show if string "Staging" or "Production" inside the footer component.
推荐答案
考虑使用 DefinePlugin :
定义自由变量。用于使用调试
日志记录或添加全局常量进行开发构建。
Define free variables. Useful for having development builds with debug logging or adding global constants.
示例:
new webpack.DefinePlugin({
VERSION: JSON.stringify("5fa3b9"),
BROWSER_SUPPORTS_HTML5: true,
TWO: "1+1",
"typeof window": JSON.stringify("object")
})
这篇关于从react组件访问环境变量的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!