如何将Map作为参数从一个.tsx文件传递到另一个.tsx文件？

Question

我在主文件中声明了一张地图。我有另一个文件测试，我想通过我的映射。下面是我的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>
</>
);
};

我想显示我传递的地图的大小作为参数，但我不能这样做。我该如何解决这个问题呢？

Answer 1

您应该可以使用

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>