How to make such import of files?

Question

React

I want to import locales like this:
import { en, ru } from 'public/locales';
what is the right way to do this?
now I have the following structure (example for 'en')

public/locales/en.js

внутри en.js:

export const main = {...}
export const nav = {...}
export const footer = {...}
...

Thank you.

Answer 1

1. Create index.js in public/locales
2. In index.js import the required locales

import en from 'path/to/en';
import ru from 'path/to/ru';

3. Export as an object

export {
    en,
    ru,
}

4. Done