PatientList.js

import React, { Component } from 'react'
import PatientListItem from './PatientListItem'
import PatientProfile from './PatientProfile'
import { Link, Route, Switch } from 'react-router-dom'


export default class PatientList extends Component {

  state = {
    pacientes: []
  }

  componentDidMount(){
    fetch('https://jsonplaceholder.typicode.com/users')
      .then( (res) => res.json() )
      .then( (data) => {
        this.setState({ pacientes: data
        })
      })
  }

  render(){
    const { pacientes } = this.state
    console.log(this.state.pacientes)
    return(

      <div>
        {
          pacientes.map((paciente) => (
            <Link to={`/pacientes/${paciente.id}`} key={paciente.id}>
              <PatientListItem title={paciente.name} />
            </Link>
          ))
        }

          <Route path='/pacientes/:id' component={PatientProfile}/>
      </div>
    )
  }
}