將 json 從 fetch function 映射到 setstate

Question

I am trying to map a json response into a state, what I am trying to do is map all the children of this array no matter how many, as in skipping the first array and only show its children, here is what i tried to do

fetch(api).then((response) => {
  response.json()  .then((data) => {
    data.children.map( (menu) => {

      this.setState({
        mydata: menu
      })
}) console.log("test", this.state.mydata )})  
    });

這是我從 api 收到的

  {
    "name": "Store 1",
    "children": [
      {
        "name": "Store 1",
        "children": [{},{}...]
      },
      {
        "name": "Store 2",
        "children": [{},{}...]
      }
    ]
  }

這就是我希望它存儲在我的 state 中的方式，

[
          {
            "name": "Store 1",
            "children": [{},{}...]
          },
          {
            "name": "Store 2",
            "children": [{},{}...]
          }
      ]

Answer 1

沒有必要 map 它。 您應該將其放入 state 中。

fetch(api)
 .then(response => response.json())
 .then(data => this.setState({
  myData: data.children
 }))