属性的并集"/>
如何在带有Typescript的React中循环通过两个接口属性的并集
从下面的结构使用React 16.9.0
和Typescript ^16.9.20"
:
file A.ts:
export interface person{
id: number || null,
first_name: string,
date_of_birth: string,
some_unique_number: string,
}
file B.ts:
export interface member{
group_name: string:
first_name: string,
pass_code: string,
some_unique_number: string,
}
file C.tsx:
# import file A
# import file B
interface Props {
result: Array<person | member>;
}
let newResult: any[] = []; <=== I feel like `any[]` is wrong maybe
if (result) {
newResult = results.map((result) => {
return (
<div className="something" key={item.some_unique_number}>
{result.id}
{result.first_name}
{result.date_of_birth}
{result.group_name}
{result.pass_code}
</div>
);
});
}
我上面的当前解决方案正在产生以下错误:
Property 'id' does not exist on type 'person | member'.
Property 'id' does not exist on type 'member'. TS2339
20 | <div className="something" key={item.external_member_id}>
> 21 | {item.id}
基本上,我要完成的工作是通过两个界面循环并显示A和B。
先谢谢您。
回答如下:可能重复,
更多推荐
如何在带有Typescript的React中循环通过两个接口属性的并集
发布评论