反应原生 |导入文件性能

【问题标题】：React Native | import file performance反应原生 |导入文件性能
【发布时间】：2021-02-18 05:07:51
【问题描述】：

有多种方法可以为 React native 导入文件。

直接导入。
先导出后导入。

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

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

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

export {
BackButton
}

我想知道这两者之间的性能有什么不同吗？是不是影响渲染时间的一个因素，哪怕只是一点点。

【问题讨论】：

标签： javascript react-native import export

【解决方案1】：

从另一个文件中导入组件，例如

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'

它不会影响性能，但是当组件中有多个文件时，组件索引是一种更好的实现方法

【讨论】：