我在主文件中声明了一张地图。我有另一个文件测试，我想通过我的映射。下面是我的main.tsx文件
const [testMap] = useState(new Map<string,PersonInfo|undefined>());
<Test list={testMap}/> //This is my Main.tsx file
下面是我的test.tsx文件的代码
interface Temp {
list:Map<string,PersonInfo|undefined>;
}
export default (
{list}:Temp
) => {
return (
<>
<p>
//Here i want to display the size of my map
</p>
</>
);
};
我想显示我传递的地图的大小作为参数，但我不能这样做。我该如何解决这个问题呢？
您应该可以使用
interface Temp {
list:Map<string,PersonInfo|undefined>;
}
export default ({list}:Temp) => {
return (
<p>
//Here i want to display the size of my map
{list.size()}
</p>
);
};
还有，如果您想使用片断（在这里不是必需的），您必须确保调用您的test.jsx组件的父组件在一个像div这样的html元素中显示它。
<div>
<Test list={testMap}/> //This is my Main.tsx file
</div>
