导入常量未定义 Javascript 反应原生

Question

I'm building a react native module and I want to export a file of constants that can be used.

I have a file, MyConstants.js which looks like this:

export const MyConst = “testConst”;

Then I have an index.js file for my module:

module.exports = {

  get MyConstants() {
    return require('./MyConstants');
  },

};

When I import my constants as: import * as MyConstants from 'myPackage'; and print them I get

console.log(MyConstants); // [object Object]
console.log(MyConstants.MyConst); // undefined

This approach works fine when being used from within my module with:

import * as MyConstants from './MyConstants.js';

But when I try to use it from outside I get issues. How can I fix this?

Answer 1

In MyConstants.js you can do something like this:

export const CONST_1 = 'test const 1';
export const CONST_2 = 'test const 2';
export const CONST_3 = 'test const 3';
.
.
.

And then in index.js you can do:

import * as MyConstants from './path_to/MyConstants.js';

console.log(MyConstants.CONST_1) //outputs: test const 1
console.log(MyConstants.CONST_2) //outputs: test const 2