Глобальная область действия React / React Native

#reactjs #scope #react-native #ecmascript-6 #global

#reactjs #область видимости #реагировать-родной #ecmascript-6 #глобальный

Вопрос:

Некоторое время работал над React Native и хотел бы прояснить некоторые вещи. Какой и где лучший способ сохранить ваши ресурсы, такие как строки, изображения и т.д. На данный момент у меня есть все мои изображения в корне, но это означает, что когда он становится все глубже и глубже, я должен:

требуется(‘../../../../../../../../..) и может продолжать идти дальше

Я хотел бы сделать его глобальным, чтобы я мог импортировать там, где мне нужны ресурсы, и делать что-то вроде:

требуется (images.happyFaceIcon)

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

Возможно ли это и как это можно сделать, и последнее, но не менее важное: есть ли какие-либо проблемы при этом?

Комментарии:

1. попробуйте это. npmjs.com/package/fbjs

Ответ №1:

первый способ — вы можете использовать window object, но это хорошо для простых переменных, другой способ — вы можете иметь папку компонентов и каждый компонент в собственной папке и index.js файле, и вы можете экспортировать все компоненты из индекса, тогда вам просто нужно импортировать ваш компонент следующим образом :

 import {component1,component2,component3} from "components";
  

это хорошая структура, которую вы можете использовать в react-native