在React Native中使用env, google放置自动完成

Question

我有一个.env文件，其中包含以下内容

GOOGLE_PLACES_API = 12345

在我的react native中，我将它们导入为

const GOOGLE_PLACES_API = process.env[GOOGLE_PLACES_API"]

如果我把它放到视图中，比如

<Text> {GOOGLE_PLACES_API} <Text />

屏幕显示'12345'

现在当我把它放在googlePlacesAutoComplete:

<GooglePlacesAutoComplete 
query= {{ key: {GOOGLE_PLACES_API} }}
/>

它不起作用。我试过了

<GooglePlacesAutoComplete 
query= {{ key: "12345" }}
/>

如何在googleplaces键中使用env

Answer 1

这就是你要找的东西:)

https://www.npmjs.com/package/react-native-dotenv

似乎还添加了不必要的括号

key: {GOOGLE_PLACES_API} should be key: GOOGLE_PLACES_API