отображение JSON из функции выборки в SetState

Question

Я пытаюсь отобразить ответ json в состояние, я пытаюсь отобразить все дочерние элементы этого массива независимо от их количества, как при пропуске первого массива и показа только его дочерних элементов, вот что япопытался сделать

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": [{},{}...]
      }
    ]
  }

, и вот как я хочу, чтобы оно хранилось в моем состоянии,

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

Answer 1

нет необходимости отображать это. Вы должны просто привести его в состояние.

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