时间戳

首页 > 解决方案 > 反应原生 | 导入文件性能

javascript - 反应原生 | 导入文件性能

问题描述

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

  1. 直接进口。
  2. 先导出后导入。
//1
import BackButton from '../components/BackButton'

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

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

export {
BackButton
}

我想知道这两者之间的性能有什么区别吗？它是影响渲染时间的一个因素，即使只是一点点。

标签： javascriptreact-nativeimportexport

解决方案

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

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'

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

推荐阅读