如何访问值为 mantine 形式数组的地图类型对象

Question

我正在使用Mantine形式。表单有一个映射，其中键为字符串，数组为值。

export interface Parent {   assignedFieldsMap: Map<string, Field[]>; }

export interface Field {   id: string,   name: string } 

如何访问字段的名称元素？ 但没有成功。

提前致谢

我已经尝试过

form.getInputProps('assignedFieldsMap.1-1.0.name')

。这里1-1是键，0是索引，name是字段成员变量。

Answer 1

使用属性的键在地图中访问属性。 所以，父对象就像：

{
assignedFieldsMap: {
   key1: [
     {id: 'id11', name: 'name11'}
   ],
   key2: [
     {id: 'id21', name: 'name21'}
   ],
}

然后

name11

可以通过 form.getInputProps(

'assignedFieldsMap.key1.0.name'

)

来访问

澄清一下：

key1

是地图中的关键。

0

是 Field 对象在数组中的索引。

name

是第一个字段对象中名称的键