Reactjs React TypeScript：如何导入组件？

下面是我的react组件结构（使用TypeScript）：

我试图在NewRequestForm中导入EmployeeInfo和AssetInfo，但在使用import语句时，这两个组件都不可见，但我可以看到Prop和States接口

请建议如何在my NewFormRequest.tsx中导入子组件

AssetInfo.tsx（child1）

import*as React from'React'；
导出接口AssetInfoProps{}
导出接口AssetInfoState{}
导出默认类AssetInfo扩展React.Component{
建造商（道具：AssetInfo道具）{
超级（道具）；
this.state={}；
}
公共渲染（）{
返回；
}
}

EmployeeInfo.tsx（Child2）

import*as React from'React'；
导出接口EmployeeInfoProps{}
导出接口EmployeeInfoState{}
导出默认类EmployeeInfo扩展React.Component{
建造师（道具：EmployeeInfoProps）{
超级（道具）；
this.state={}；
}
公共渲染（）{
返回；
}
}

NewRequestForm.tsx（父级）

import*as React from'React'；
从“/EmployeeInfo”导入{}；
从“/AssetInfo”导入{}；
导出接口NewRequestFormProps{}
导出默认类NewRequestForm扩展
反应组件{
公共渲染（）{
返回；
}
}

删除导出

员工信息所需的
默认
关键字

谢谢Murat，成功了。删除'default'关键字背后有什么解释吗？@sandepnandey您可能会在不使用

{}

的情况下导入默认导出，但您可以在此处阅读更多内容

-App.tsx

  -NewRequestForm.tsx

    -EmployeeInfo.tsx

    -AssetInfo.tsx

import * as React from 'react';

export interface AssetInfoProps {}
export interface AssetInfoState {}

export default class AssetInfo extends React.Component<AssetInfoProps, 
AssetInfoState> {
  constructor(props: AssetInfoProps) {
    super(props);

    this.state = {};
  }

  public render() {
    return <div />;
  }
}

import * as React from 'react';

export interface EmployeeInfoProps {}
export interface EmployeeInfoState {}

export default class EmployeeInfo extends React.Component<EmployeeInfoProps, 
EmployeeInfoState> {
  constructor(props: EmployeeInfoProps) {
    super(props);

    this.state = {};
  }

  public render() {
    return <div />;
  }
}

import * as React from 'react';
import {} from './EmployeeInfo';
import {} from './AssetInfo';

export interface NewRequestFormProps {}

export default class NewRequestForm extends 
React.Component<NewRequestFormProps, any> {
  public render() {
    return <div />;
  }
}