Typescript / ES6导入如何与多个类实例或组件调用一起使用？

这是一个React组件，它使用json文件中的值来呈现内容：

import React from 'react';
import jsonFile from 'file.json';
const Component = ({ thing }: { thing: string }) => {
  return (
    <div>
      ...json file is used in here...
    </div>
  );
};

应用运行时，该组件将被多次调用。

Does jsonFile get reimported every time the component is called? What about classes, abstract classes, etc.? Is there ever a situation in React or in general where every new instance/call of a class/component causes a reimport to occur or are imports always loaded once before code execution?

我觉得后者是正确的答案，但我希望您能提供解释或链接，以了解与此相关的进口行为。