首先

我将写下有关在React中使用.env文件的方法的备忘录。

在React中如何使用.env文件

在.env文件中通常设置应用程序使用的环境变量和配置值。

以下是示例代码。

REACT_APP_SAMPLE_VALUE=Hello World

在React中，必须在开头加上“REACT_APP_”。
让我们尝试调用它。

export const Sample = () => {
  const envValue = process.env.REACT_APP_SAMPLE_VALUE;

  return (
    <div>
        <p>{envValue}</p>
    </div>
  );
};

当需要调用时，请使用“process.env.(环境变量名称)”的方式进行调用。让我们一起检查屏幕。

然后，我们能够获取到如图所示.env文件中变量的值！

顺便提一下，据说API的密钥等信息不应该被保存。即使在gitignore中设置为隐藏文件，也能在构建时的日志中查看到。

最后

由于我还写了很多其他的文章，如果你有兴趣，可以继续阅读…