Как пройтись циклом по api в реакт компоненте?

const columns = [
  {
    title: 'Наименование авто',
    dataIndex: 'carname',
    key: '1',
  },
  {
    title: 'Автомобили',
    dataIndex: 'car',
    key: '2',
     render: (name, id) => <Link to={'/cars/'+id.key}>{name}</Link>,
  },
  {
    title: 'Дата',
    dataIndex: 'date',
    key: '3',
  }
];
const Cars = () => (
  <Switch>
    <Route path={"/cars/"+???} component={Car}/>
  </Switch>
)
const Car = () => {
	return (
		<div>
			<img src={???} width={"150px"}/>
			<h3>{имя}</h3>
			<Link to={'/'}><b>BACK</b></Link>
		</div>
	)
}
class ContentFeed extends React.Component {
	constructor(){
		super()
		this.state = {
			items:[]
		}	 
	}	
	componentDidMount(){
		this.getItems();
	}
	getItems(){
		fetch(url)
			.then(response => response.json())
			.then(response => this.setState({items: response}))
	}
	render(){
		return (
			<Router history={history}>
				<Table columns={columns} dataSource={this.state.items}/>
				<Сars />
			</Router>
		);
	}
}

export default ContentFeed;