Question

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

直接导入。
首先导出，然后导入。

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

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

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

export {
BackButton
}

我想知道这两者之间在性能上有什么不同吗？它是影响渲染时间的一个因素，即使影响很小。

Answer 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'

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

反应本机|导入文件性能

1 个答案: