import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

import info from "./info"

class App extends Component {
  render() {
    return (
      <div>
        <ul>
          {info.tematicas.map((tematica) => {
            return (
              <li>
                {tematica.id} {tematica.nombre}
                <ul>
                  {tematica.items.map((subitem) => {
                    return (
                      <li>
                        {subitem.id} {subitem.nombre}
                      </li>
                    )
                  })}
                </ul>
              </li>
            )
          })}
        </ul>
      </div>
    );
  }
}

export default App;