如何在本地状态下动态构建对象数组

时间:2019-04-01 16:53:21

标签: javascript arrays reactjs reduce

我设法建立了一个名为 postArrays 的数组,其中包含其他几个数组中的对象,但是我需要将其加载到本地状态,以便可以从道具中进行更新。

我不知道该如何简化。真的让我很努力,只是使用push来改变状态来构建普通数组。

我对此进行了多种尝试,但终生无法找出如何改变状态的方法。

this.setState({postArrays})

当我这样做

   [  
   {  
      "name":"facebook",
      "options":[  
         {  
            "value":10,
            "label":"Live",
            "id":null
         },
         {  
            "value":6,
            "label":"Photo",
            "id":null
         },
         {  
            "value":8,
            "label":"Story",
            "id":null
         },
         {  
            "value":7,
            "label":"Video",
            "id":null
         }
      ]
   },
   {  
      "name":"instagram",
      "options":[  
         {  
            "value":13,
            "id":null
         },
         {  
            "value":3,
            "label":"Carousel",
            "id":null
         },
         {  
            "value":5,
            "label":"IgTV",
            "id":null
         },
         {  
            "value":12,
            "label":"Live",
            "id":null
         },
         {  
            "value":1,
            "label":"Picture",
            "id":null
         },
         {  
            "value":4,
            "label":"Story",
            "id":null
         },
         {  
            "value":2,
            "label":"Video",
            "id":null
         }
      ]
   },
   {  
      "name":"youtube",
      "options":[  
         {  
            "value":11,
            "label":"Video",
            "id":null
         }
      ]
   }
]

我超过了最大更新深度,应用程序崩溃了

下面是输出的数组

"instagram":[  
  {  
     "id":2,
     "contentType":{  
        "value":1,
        "label":"Picture"
     },
     "date":"2019-03-19T16:16:07Z"
  },
  {  
     "id":155,
     "contentType":{  
        "value":1,
        "label":"Picture"
     },
     "date":"2019-04-01T11:51:31Z"
  }

当我通过道具更新时,我将在动态添加的子数组中添加新帖子

此刻,我已经设法在本地状态内添加了以下内容,但还没有设法添加fieldArrays []

{{1}}

]

我需要能够添加更多帖子,而不必事先知道按键是什么

0 个答案:

没有答案