React rendering nested json
<p>I have some json looking like this</p>

<pre><code>[
    {
    "name": "Hello Kitty",
    "items": [
        {
        "name": "Kitty Muu Muu"
      },
      {
        "name": "Kitty smack"
      }
    ]
  },
  {
    "name": "Hello Pussy",
    "items": [
            {
        "name": "World",
        "items": [
            {
            "name": "Hello Pussy world"
          }
        ]
      }
    ]
  }
]
</code></pre>

<p>it's nested JSON and my question is; where should the recursiveness be handled to render this?</p>

<p>I have 2 components
List component that calls the data and posts data changes back to the server</p>

<p>Item component that renders a single item</p>

<p>Should I handle this at the list level or item level?</p>

<p>The item renders an input field you can update and this should be possible both at parent and child level</p>