import React from 'react';

//Dependencies

const username = this.state.username;
    const password = this.state.password;
    let urlEnvio="LLAMADA A LA API Rest";

    fetch (urlEnvio, {
      method: 'GET'
    })
    .then(res => res.json())
      .then(res => {
        if(res.count === 0){
          ReactDOM.render(
          <div className="alert alert-danger" id='UserNotExist'>
            El usuario introducido no existe.
          </div>,
          document.getElementById('info')
        );
        }else{
          ReactDOM.render(
          <Router>
            <PanelUsuario title='Pedidos' items={items}/>
          </Router>,
            document.getElementById('root')
          );

        }
    });

static propTypes = {
    title: PropTypes.string.isRequired,
items: PropTypes.array.isRequired

return (
  <div className="container-fluid">
      <div className="row">
            <div className="col-md-12" id="capaForm">
            <nav className="navbar navbar-default navbar-fixed-top">
                                <div className="navbar-header">
                                    <button type="button" className="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                        <span className="sr-only">Toggle navigation</span><span className="icon-bar"></span><span className="icon-bar"></span><span className="icon-bar"></span>
                                    </button> <a className="navbar-brand">Brand</a>
                                </div>
                                <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                    <ul className="nav navbar-nav">
                                        {items && items.map(
                                            (item, key) => <li key={key}><Link to={item.url}>{item.title}</Link></li>
                                        )}
                                    </ul>
                                </div>
                            </nav>
            </div>
    </div>
        </div>


);

export default [
{
    title : "Opcion1",
    url : "/Opcion1"
},
{
    title : "Opcion2",
    url : "/Opcion2"
},
{
    title : "Opcion3",
    url : "/Opcion3"
}

import React from 'react';