title: React rendering nested json
body: <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>