无法从 .env 文件获取密钥

Cannot reach key from .env file

我正在 React.Js 并使用 emailjs 管理联系表。为了发送表单,我必须填写用户 ID 和模板 ID。但我不希望它可见,所以我将它放在 .env 文件中:

REACT_APP_USER_ID= user_id
REACT_APP_TEMPLATE_ID= template_id

为了在 sendForm() 属性 中轻松传递这些值,我将它们放在变量上: (useContact.jsx)

const template = REACT_APP_TEMPLATE_ID
const user = REACT_APP_USER_ID

但不幸的是,使用此配置,表单未发送。

我的文件夹架构 [.env, package.json, .gitignore, src/Components/Contact/useContact.jsx]

传递原始版本的值时有效。

谢谢。

您可以像这样访问process.env变量来访问环境变量

const template = process.env.REACT_APP_TEMPLATE_ID
const user = process.env.REACT_APP_USER_ID

注意:更新.env文件后需要重启服务器

环境变量可通过 process.env

访问

这取决于您如何加载 .env 文件,我建议您查看 dotenv package 以加载您的 env 文件

您可以效仿的示例来自