title: ReactJS issue with map and find
body: <p>so i have an array of this type,</p>
  
  <pre><code>   (5) [{…}, {…}, {…}, {…}, {…}]
  0: {naam: "Tafel 1 ", id: 1, aantalPersonen: 3, aantalMinuten: 3, bezet: 1, …}
  1: {naam: "Tafel 2 ", id: 2, aantalPersonen: 1, aantalMinuten: 3, bezet: 1, …}
  2: {naam: "Tafel 3 ", id: 3, aantalPersonen: 2, aantalMinuten: 6, bezet: 1, …}
  3: {naam: "Tafel 4", id: 4, aantalPersonen: 0, bezet: 0, tafelLayout: {…}}
  4: {naam: "Tafel 5", id: 5, bezet: 0, aantalPersonen: 0, tafelLayout: {…}}
  length: 5
  __proto__: Array(0)
  </code></pre>
  
  <p>i can map it to a component which then renders them all in divs and that works perfectly. Now what i want to do is render just a specific one.</p>
  
  <pre><code>this.state.tafels.find(tafel =&gt;(tafel.id = 1))
  </code></pre>
  
  <p>finds for example the one i want to use</p>
  
  <p>it has to be mapped to a component using props </p>
  
  <pre><code>  &lt;PlattegrondResto
  
                          tafelNr={tafel.id}
                          tafelNaam = {tafel.naam}
                          tafelLayout={tafel.tafelLayout}
                          tafelaantalPersonen={tafel.aantalPersonen}
                          tafelMinuten = {tafel.aantalMinuten}
                          tafelBezet = {tafel.bezet}
                          tafelSelect={(tafelNr) =&gt; this.tafelSelect(tafelNr)}
                          tafelTijdInterval = {this.state.tijdInterval}
  
                      /&gt;
  </code></pre>
  
  <p>is there any way i can do that effectively ?
  i tried everything i can think of so far</p>
  
  <p>to map them all i use </p>
  
  <pre><code> {this.state.tafels.map((tafel) =&gt;
                      &lt;PlattegrondResto
  
                          tafelNr={tafel.id}
                          tafelNaam = {tafel.naam}
                          tafelLayout={tafel.tafelLayout}
                          tafelaantalPersonen={tafel.aantalPersonen}
                          tafelMinuten = {tafel.aantalMinuten}
                          tafelBezet = {tafel.bezet}
                          tafelSelect={(tafelNr) =&gt; this.tafelSelect(tafelNr)}
                          tafelTijdInterval = {this.state.tijdInterval}
  
                      /&gt;
  
  
                  )}
  </code></pre>
  
  <p>so i want to know is there a way to first use find and then map it to the component that is shown below</p>
  
  <p>Thanks in advance</p>