node.js - 在 Node 和 React 之间共享常量变量

标签 node.js reactjs

是否可以在 react 和 Node 之间共享常量——我正在运行 Node 并同时 react ?例如,我有一些我在客户端使用 export const 定义的常量,这些常量在服务器端可能很有用,但是当我尝试 const 时 Node 给我一个错误{x} = require('./constants'); 因为无法正确导入。有没有人遇到过这个问题并找到了解决方案?

react 常量:

// constants.js
export const X = 'x';
export const Y = 'y';
export const Z = 'z';

// App.js
import {x, y, z} from './constants';

Node 常量:

// constants_node.js
module.exports.username = 'foo_user';
module.exports.id = 10;

// server.js
const {username, id} = require('./constants_node');

最佳答案

如果您使用相同的 Node 环境来为您的 ReactJS 组件提供服务,您可能可以为此目的使用环境变量。

您可以使用 .env 文件并将其作为 process.env.VARIABLE_NAME 导入到您要使用的位置。

也许这个问题 - Pass or use process.env variable from node to reactjs可以回答你的问题。

关于node.js - 在 Node 和 React 之间共享常量变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49546041/

相关文章:

javascript - AJAX 发送数据到 Node.js 服务器

javascript - React 测试 componentWillReceiveProps

javascript - 当我使用 leaflet-control-geocoder 知道 React-Leaflet 中的纬度和经度时,如何检索地点的地址?

javascript - 通过组件解析React.js中的JSON对象

ios - ios中SocketIO的实现

node.js - 从快速响应中的内容类型中删除字符集

php - 在 Node 和 PHP 之间与 Redis 共享 session

node.js - req.params 返回未定义

javascript - 如何在 React 应用程序中覆盖特定文件中的 es-lint 规则?

javascript - 在 React (ES6) 中访问 Passport 的 req.user? API 调用返回未定义的 req.user