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


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


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?