Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/clojure/3.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 如何展示带有内部向量的json?_Javascript_Arrays_Json_Reactjs - Fatal编程技术网

Javascript 如何展示带有内部向量的json?

Javascript 如何展示带有内部向量的json?,javascript,arrays,json,reactjs,Javascript,Arrays,Json,Reactjs,所以,我必须拆分json,但我不知道如何拆分。我需要类别的名称显示在选项卡中。下面是我的json示例: "tabs": [ { "General": [ { "created_at": "2019-11-29 11:32:11", "name":'Test 1' }, {

所以,我必须拆分json,但我不知道如何拆分。我需要类别的名称显示在选项卡中。下面是我的json示例:

 "tabs": [
           {
            "General": [
                {
                    "created_at": "2019-11-29 11:32:11",
                    "name":'Test 1'
                },
                {
                    "created_at": "2019-11-29 11:32:11",
                    "name":'Test 2'
                },

            ]
           },
           {
            "One More": [
                {
                    "created_at": "2019-11-29 15:01:55",
                    "name": "Test 3"
                }
            ]
        }
    ]
我理解的选项卡代码(如下所示:),我的问题是在选项卡名称上显示“General”或“One More”,并且名称会更改。。。我知道这是个愚蠢的问题,但我找不到好的解释

谢谢你的帮助

按照为
选项卡的每个
键呈现一个选项卡

<Tabs defaultActiveKey="profile" id="uncontrolled-tab-example">
    {
        Object.keys(tabs).map(key =>(
            <Tab title={key} key={key}>
                Foo
             </Tab>
        ))
    }
</Tabs>

{
Object.key(制表符).map(key=>(
福
))
}

Object.keys(myObject)
将为您提供一个字符串数组,表示原始对象的每个属性

您想为
tabs
的每个键显示一个选项卡吗?是的,我有一个代码来处理这个问题,我的问题只是选项卡的名称,如何访问…谢谢,它帮助很大!!!我从不使用Object.keys来映射,只使用数组本身!