如何在React中使用ENV

Question

我试图在我的env文件中使用变量，但它不起作用。但是当我使用ENV文件手动使用变量时，它将工作。有什么问题呢

这是我的代码

function handleSubmit (e) {
e.preventDefault()
emailjs.sendForm(process.env.REACT_APP_EMAILJS_SERVICE_ID,process.env.REACT_APP_EMAILJS_TEMPLATE_ID, form.current,process.env.REACT_APP_EMAILJS_PUBLIC_KEY)
.then(function(response) {
return setMessage(response.status)
}, function(err) {
console.log('FAILED...', err);
});
}
Here's my ENV file
REACT_APP_EMAILJS_SERVICE_ID='service_id'
REACT_APP_EMAILJS_TEMPLATE_ID='template_id'
REACT_APP_EMAILJS_PUBLIC_KEY="public_key"

Answer 1

您需要检查的内容

1. 。env文件只在CLI中重新启动后生效，因此您需要在更新任何值
后执行npm start or yarn start。
2. 尝试保存. Environment .development文件，该文件可以作为每个环境的参考
3. 试着给出这样的值REACT_APP_EMAILJS_PUBLIC_KEY=public_key

由于.env文件包含不签入源代码的最佳实践，因此将其添加到gitignore。

。gitignore

.env.* //So all .env files are removed from the Git