Как передать Map в качестве параметра из одного файла .tsx в другой файл .tsx?

Question

Я объявил карту в моем главном файле. У меня есть другой файл Test, которому я хочу передать свою карту. Ниже находится мой файл 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>
</>
);
};

I хочу отобразить размер карты, которую я передал в качестве параметра, но я не могу это сделать. Как я могу это исправить?

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, отображает его в элементе html типа div.

<div>
    <Test list={testMap}/> //This is my Main.tsx file
</div>