San*_*dey 6 typescript reactjs
下面是我的反应组件结构(使用 TypeScript):
-App.tsx
-NewRequestForm.tsx
-EmployeeInfo.tsx
-AssetInfo.tsx
Run Code Online (Sandbox Code Playgroud)
我试图在 NewRequestForm 中导入 EmployeeInfo 和 AssetInfo,但是在使用 import 语句时两个组件都不可见,但我可以看到 Prop & States 接口。
请建议如何在我的 NewFormRequest.tsx 中导入子组件
AssetInfo.tsx(child1)
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 />;
}
}
Run Code Online (Sandbox Code Playgroud)
EmployeeInfo.tsx(Child2)
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 />;
}
}
Run Code Online (Sandbox Code Playgroud)
NewRequestForm.tsx(父)
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 />;
}
}
Run Code Online (Sandbox Code Playgroud)
去掉default
导出关键字EmployeeInfo
归档时间: |
|
查看次数: |
10420 次 |
最近记录: |