如何使Grove中的环境变量可用？

Question

我正在使用MarkLogic Grove(React)开发一个UI应用程序。我希望根据环境在应用程序中使用不同的设置。为此，我想使用环境变量。

我是这样写的。

• ui/src/..env

    TEST="test01"

• ui/src/App.js

    const valueFromEnv = process.env.TEST;   
    const App = appProps => (
      <AppContainer
        {...appProps}
        render={props => (
          <div> x{valueFromEnv}y
      …

但是，浏览器上没有显示"test01“(只显示了"xy”)。如何使Grove中的环境变量可用？

Answer 1

您需要在您想要用REACT_APP_公开的任何env变量之前加上前缀，否则它们不会在您的前端代码中公开。下文将对此作更详细的解释：

https://create-react-app.dev/docs/adding-custom-environment-variables/

哈哈！