Javascript 如何访问数据对象中的嵌套数组以指定为数据网格的属性值？

我有一个数据网格，它接受行和列的数组值。必要的值来自具有3层嵌套的数据对象。下面是它的外观：

export const duplicatesBySourceGridData = {

 'dataFamily':{
        'fuzzyDuplicates':{
            'columns':[
                  { key: 'id', name: 'ID' },
                  { key: 'title', name: 'Title' }
                ],
            'rows':[
                  { id: 0, title: 'Example' },
                  { id: 1, title: 'Demo' }
                ]    
        },
        'exactDuplicates':{
          'columns':[
                { key: 'id', name: 'ID' },
                { key: 'title', name: 'Title' }
              ],
          'rows':[
                { id: 0, title: 'Example' },
                { id: 1, title: 'Demo' }
              ]    
      }
    }
}

目前，我正在尝试如下访问它们（请注意，

工具提示

是一个悬停在图形元素上的函数，

索引值

返回值

“dataFamily”

，

id

返回

模糊副本

或

精确副本

）

tooltip={（{id，value，color，indexValue}）=>(
)}

这不起作用，问题在于如何分配道具或如何设置数据对象

---

干杯

我不知道这是否能解决您的问题，但您不需要使用记号字符串插值语法来访问

duplicatesBySourceGridData

中的键，该键的值存储在变量中，如

indexValue

：

<Grid
  columns={duplicatesBySourceGridData[indexValue][id].columns}
  rows={duplicatesBySourceGridData[indexValue][id].rows}
/>

---

我不知道这是否能解决您的问题，但您不需要使用记号字符串插值语法来访问

duplicatesBySourceGridData

中的键，该键的值存储在变量中，如

indexValue

：

<Grid
  columns={duplicatesBySourceGridData[indexValue][id].columns}
  rows={duplicatesBySourceGridData[indexValue][id].rows}
/>

谢谢，我已经更新了我的代码和这篇文章，但它没有改变任何东西。我也不确定这是否是一个打字错误，但我相信道具

栏应该是
栏
谢谢你，伊森：）就是这样。np！总是这些小东西，比如一个丢失的字符，让我把头撞到桌子上：）谢谢，我已经更新了我的代码和这篇文章，但它没有改变任何东西。我也不确定这是否是一个打字错误，但我相信道具
列
应该是
列
谢谢你，伊森：）就是这样做的。np！总是这些小东西，比如一个失踪的角色，让我把头撞到桌子上：）