how to use .env file in react native
// step one install this module
npm install react-native-dotenv
// step two add this in your babel.config.js
plugins: [
'module:react-native-dotenv',
{
moduleName: '@dotenv',
safe: false,
allowUndefined: false
}
]
// step three add value whatever in your .env file
API_KEY = 434d3c04fc285d218d740e2a568387e4
// step four use this method for call environment
import { API_KEY } from '@dotenv'how to import dotenv in react
//create .env file and use prefix "REACT_APP_" infront of variable name
//for example
REACT_APP_TOKEN=abcdefghijklmnopqrstuvwxyz
// inside react file simple call it by
process.env.REACT_APP_TOKEN
//if your react server was running before creation of .env and restart it.react environment variables
// Place a filer called .env at the doc root of your project
/*
my-react-app/
|-node-modules/
|-src/
|-public/
|-.env
|-gitignore
|-package.json
|-package.lock.json.
|-README.md
*/
// Edit the .env file and create your cusotm Environment Variables
// DO NOT USE SINGLE OR DOUBLE QUOTES!
REACT_APP_CLIENT_ID=jfjffffaddfeettgydgdffv
REACT_APP_KEY=aaddddawrfffvvvvssaa
// They will be READ-ONLY from your JS file, you can print them
// or assign them to other variables
console.log(process.env.REACT_APP_CLIENT_ID);
console.log(process.env.REACT_APP_KEY);
var id = process.env.REACT_APP_CLIENT_ID;
var key = process.env.REACT_APP_KEY;Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
