где и как я могу указать глобальные вары в приложении reactjs

63
4

Я хочу определить некоторый глобальный импорт или vars, чтобы использовать их во всех моих файлах.

примером может служить

var T = require('react-redux-i18n').Translate;

на данный момент я должен сделать это во всех моих файлах. Есть ли способ сделать это только один раз в index.js?

благодаря

спросил(а) 2021-01-25T15:35:43+03:00 4 месяца, 4 недели назад
1
Решение
77

почему бы не сделать это классическим способом javascript с module.exports? т.е. в index.js делать somthing like

var1 = '..';
var2 = '...';
...
module.exports= {var1, var2}

то в других файлах просто делайте

import /path/to/index
...
console.log(index.var1)
console.log(index.var2)

или импортировать только то, что вам нужно сделать

import {name_of_var_i_need} from /path/to/index
...

хотя я бы предложил сделать это в файле constants.js или что-то вроде этого вместо того, чтобы все они были в вашем index.js (если, конечно, их не нужно инициализировать в индексе)

ответил(а) 2021-01-25T15:35:43+03:00 4 месяца, 4 недели назад
78

Технически вы можете поместить любые globals на объект window а затем прочитать из него. Обычно это считается плохой практикой, потому что это запутывает и не работает с методами оптимизации, такими как разделение кода.


Мой совет: не пытайтесь сохранять такие нажатия клавиш. Копирование нескольких импортов в каждый файл, в котором вы их используете, не имеет большого значения, и делает программу понятной как для вас, так и для разных инструментов. Вы можете взломать его, но, в конце концов, это не будет стоить того.

ответил(а) 2021-01-25T15:35:43+03:00 4 месяца, 4 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема