React practice

App.js

import React, { Component } from 'react';
import './App.css';
import { BrowserRouter as Router, Route } from "react-router-dom";

import SearchBar from './components/SearchBar'
import ItemList from './components/ItemList'

class App extends Component {
  state = {items: []}

  handleSubmit = q => {
    fetch(`https://api.mercadolibre.com/sites/MLA/search?q=${q}`)
    .then(results => {
        return results.json()
    }).then(data => {
        console.log(data.results.slice(0, 4));
        this.setState({items: data.results.slice(0, 4)})
    });
  }

  render() {
    return (
      <div className="App">
        <SearchBar handleSubmit={this.handleSubmit} />
        <Router>
          <div>
            <Route
              path="/items"
              render={(props) => <ItemList list={props.list}/>}
            />
            {/* <Route path="/items/:id" component={Item} /> */}
          </div>
        </Router>
      </div>
    );
  }
}

export default App;