Programador Novato

import React from 'react';
import logo from './../logo.svg';
import './MiApp.css';

function MiApp(props) {
  const variable=props.variable;
  const array=props.array;
  console.log(props);
  return (
    <div className="MiApp">
      <header className="MiApp-header">
        <img src={logo} className="MiApp-logo" alt="logo" />
        <p>
          {variable}
        </p>
        <ul className="menu">
          {
            array && array.map(
              (item,key)=> <li key={key}>{item.nombre}</li>
            )
          }
        </ul>
      </header>
    </div>
  );
}

export default MiApp;

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import MiApp from './MiApp/MiApp';
import * as serviceWorker from './serviceWorker';
import array from './modelo/datos'
ReactDOM.render(<App />, document.getElementById('root'));
ReactDOM.render(<MiApp variable="texto" array={array} />, document.getElementById('MiElemento'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();