Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何提取由新键添加到键的相同嵌套格式的嵌套对象的键_Javascript_Reactjs_React Table - Fatal编程技术网

Javascript 如何提取由新键添加到键的相同嵌套格式的嵌套对象的键

Javascript 如何提取由新键添加到键的相同嵌套格式的嵌套对象的键,javascript,reactjs,react-table,Javascript,Reactjs,React Table,我正在使用,其中我需要提供我的api数据键,并添加新的键头来创建React表头(TH>TD) 下面是从API获取的示例数据,我需要将对象键传递给表头,将对象键传递给表体。需要保留桌子头,以便使用常用键 我的数据样本: { 'data': { 'id': 486897532, 'active': null, 'acc_info': [ { 'acc_name': 'saving',

我正在使用,其中我需要提供我的api数据键,并添加新的键头来创建React表头(TH>TD)

下面是从API获取的示例数据,我需要将对象键传递给表头,将对象键传递给表体。需要保留桌子头,以便使用常用键

我的数据样本:

{
  'data':
    {
        'id': 486897532,
        'active': null,
        'acc_info': [
        {
          'acc_name': 'saving',
          'bank_info': [
            {
              'bank_name': 'ABC',
              'bank_address': 'address',
            },
            {
              'bank_name': 'DEF',
              'bank_address': 'address',
            }]
        },
        {
            'acc_name': 'FXE',
            'bank_info': [
            {
                'bank_name': 'ABC',
                'bank_address': 'address',
            },
            {
                'bank_name': 'DEF',
                'bank_address': 'address',
            }]
        },
      ],
    },
    {
        'id': 56465945,
        'active': null,
        'acc_info': [
        {
          'acc_name': 'current',
          'bank_info': [
            {
              'bank_name': 'ABC',
              'bank_address': 'address',
            },
            {
              'bank_name': 'DEF',
              'bank_address': 'address',
            }]
        },
        {
            'acc_name': 'FXE',
            'bank_info': [
            {
                'bank_name': 'ABC',
                'bank_address': 'address',
            },
            {
                'bank_name': 'DEF',
                'bank_address': 'address',
            }]
        },
      ],
    }
}
预期结果应该是:

[
  {
    Header: "id"
  },
  {
    Header: "active"
  },
  {
    Header: "acc_info",
    columns: [
    {
       Header: "acc_name",
    },
    {
       Header: "bank_name",
    },
    {
       Header: "bank_address"
    }]
 }
]
问题解决

正在使用或新建的反应表如下所示:

表格标题

  • React表带有“列”道具,该道具要求对象具有 标题和访问器键。标题的标题和访问器 访问关注点表体列
  • 使用js Map或Ladash_u2;.Map获取期望值
  • 使用“Header”和“accessor”键创建对象变量,并将映射数据作为 价值观
  • 干杯