Блог

Существует несколько способов импортировать файл для React native.

1. Прямой импорт.
2. Сначала для экспорта, а затем импорта.

 //1
import BackButton from '../components/BackButton'

//2
import {BackButton} from '../components'

//components -> index.js
import BackButton from '../BackButton'

export {
BackButton
}
  

Мне было интересно, есть ли какая-либо разница в производительности между этими двумя? Является ли это фактором, который влияет на время рендеринга, даже если это немного.

Импортируйте компонент из другого файла, например

 import BackButton from '../components/BackButton'
  

или вы также можете использовать индексацию компонентов для лучшего импорта, например «components/index.js «

 import BackButton from "./BackButton";
import Loader from "./Loader";
import Text from "./Text";

export {
  Loader,
  ButtonView,
  Text
};
  

Использование, подобное

 import {BackButton} from '../components'
  

Это не влияет на производительность, но индексирование компонентов является лучшим подходом для реализации, когда у вас есть несколько файлов в компоненте