title: Warning/Error : "Found x elements with non-unique id" REACTJS API REST
body: <p>I want to do a form with the values corresponding of each book (with the id which is associate to), but the console write this warning "Found x(number of books) elements with non-unique id". So, it's written the informations of the same book everywhere, because the id isn't recognized. What can I change/add in my code please? 
  Here is my return: </p>
  
  <pre><code>return (
      &lt;div&gt;
        &lt;MDBTable hover&gt;
          &lt;MDBTableHead&gt;
            &lt;tr&gt;
              &lt;th&gt;Titre&lt;/th&gt;
              &lt;th&gt;Auteur&lt;/th&gt;
              &lt;th&gt;Année de sortie&lt;/th&gt;
              &lt;th&gt;Edition&lt;/th&gt;
              &lt;th&gt;Type&lt;/th&gt;
              &lt;th&gt;Statut&lt;/th&gt;
              &lt;th&gt;Date d'achat&lt;/th&gt;
              &lt;th&gt;&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/MDBTableHead&gt;
          &lt;MDBTableBody&gt;
            {
              this.state.books.map(livre =&gt; (
                &lt;tr key={livre.id} onChange={this.Change} &gt;
                  &lt;td&gt;{livre.title} &lt;/td&gt;
                  &lt;td&gt;{livre.author}&lt;/td&gt;
                  &lt;td&gt;{livre.year}&lt;/td&gt;
                  &lt;td&gt;{livre.edition}&lt;/td&gt;
                  &lt;td&gt;{livre.typeBook}&lt;/td&gt;
                  &lt;td&gt;{livre.status}&lt;/td&gt;
                  &lt;td&gt;{livre.date}&lt;/td&gt;
                  &lt;td&gt;&lt;MDBBtn color="dark" onClick={this.toggle(8)}&gt;Edit&lt;/MDBBtn&gt;
                        &lt;MDBModal isOpen={this.state.modal8} toggle={this.toggle(8)} fullHeight position="top"&gt;
                          &lt;MDBModalHeader toggle={this.toggle(8)}&gt;{livre.title}&lt;/MDBModalHeader&gt;
                          &lt;MDBModalBody&gt;
                          &lt;div className="grey-text"&gt;
                      &lt;label htmlFor="title" className="grey-text"&gt;
                        Titre
                      &lt;/label&gt;
                      &lt;input
                        type="text"
                        id="title"
                        placeholder={livre.title}
                        className="form-control"
                        onChange={this.change}
                      /&gt;
  
                      &lt;br /&gt;
  
                      &lt;label htmlFor="author" className="grey-text"&gt;
                        Auteur
                      &lt;/label&gt;
                      &lt;input
                        type="text"
                        id="author"
                        placeholder={livre.author}
                        className="form-control"
                        onChange={this.change}
                      /&gt;
  
                      &lt;br /&gt;
  
                      &lt;label htmlFor="year" className="grey-text"&gt;
                        Année de sortie
                      &lt;/label&gt;
                      &lt;input
                        type="number"
                        id="year"
                        className={"form-control"}
                        placeholder={livre.year}
                        onChange={this.change}
                      /&gt;
  
                      &lt;br /&gt;
  
                      &lt;label htmlFor="date" className="grey-text"&gt;
                        Date d&amp;apos;achat
                      &lt;/label&gt;
                      &lt;input
                        type="date"
                        id="date"
                        placeholder={livre.date}
                        className="form-control"
                        onChange={this.change}
                      /&gt;
  
                      &lt;br /&gt;
  
                      &lt;label htmlFor="edition" className="grey-text"&gt;
                        Edition
                      &lt;/label&gt;
                      &lt;input
                        type="text"
                        id="edition"
                        placeholder={livre.edition}
                        className="form-control"
                        onChange={this.change}
                      /&gt;
  
                      &lt;br /&gt;
  
                      &lt;label htmlFor="typeBook" className="grey-text"&gt;
                        Type
                      &lt;/label&gt;
                      &lt;input
                        type="text"
                        id="typeBook"
                        placeholder={livre.typeBook}
                        className="form-control"
                        onChange={this.change}
                      /&gt;
  
                      &lt;br /&gt;
  
                      &lt;label htmlFor="status" className="grey-text"&gt;
                        Statut
                      &lt;/label&gt;
                      &lt;input
                        type="text"
                        id="status"
                        placeholder={livre.status}
                        className="form-control"
                        onChange={this.change}
                      /&gt;
  
  
                    &lt;/div&gt;
                          &lt;/MDBModalBody&gt;
                          &lt;MDBModalFooter&gt;
                            &lt;MDBBtn color="danger" onClick={this.toggle(8)}&gt;Annuler&lt;/MDBBtn&gt;
                            &lt;MDBBtn color="dark"&gt;Enregistrer&lt;/MDBBtn&gt;
                          &lt;/MDBModalFooter&gt;
                        &lt;/MDBModal&gt;               
                  &lt;/td&gt;
  
                &lt;/tr&gt;
              ))
            }
          &lt;/MDBTableBody&gt;
        &lt;/MDBTable&gt;
  
      &lt;/div&gt;
    );
  }
  </code></pre>