在节点和React之间共享常量变量

Posted 2021-04-04

是否有可能在react和node之间共享常量 - 我正在运行节点并同时做出反应？例如，我在客户端使用export const定义了一些常量，这些常量可能对服务器端有用，但是当我尝试const {x} = require('./constants');时节点给我一个错误，因为它无法正确导入。有没有人遇到这个问题并找到了解决方案？

反应常数：

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

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

节点常量：

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

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

答案

如果您使用相同的节点环境来为ReactJS组件提供服务，则可以使用环境变量来实现此目的。

您可以使用.env文件并将其导入process.env.VARIABLE_NAME，以便使用它。

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

另一答案

我的项目设置如下：

节点在project / dir中。

React在project / src / dir中。

要在两个应用程序之间共享consts，我在project / src / consts / Consts.js中定义它们，并且可以像这样导入到任一应用程序中：

import Consts from '../src/consts/Consts.js' // node
import Consts from '../consts/Consts.js' // react