title: How do I map dates with a specific ID in textfield value?
body: <p>I have an array with objects called <code>dates</code>, example of one object in the array: <code>{id: 9898, date: 10/06/2020}</code>. </p>
  
  <p>In the array, there will be many objects with same id, I want to map dates with same id in <code>TextField</code>, see code below. How do I achieve that?</p>
  
  <ul>
  <li>Any help is appreciated, thanks!</li>
  </ul>
  
  <hr>
  
  <pre><code>import React, { useEffect, useState } from 'react';
  import { useForm } from 'react-hook-form';
  import { TextField, Box, Button, Tooltip } from '@material-ui/core';
  
     return(
             &lt;div&gt;
                  {dates.map(dateValue =&gt; (
                      &lt;div&gt;
                          &lt;TextField label="Date" value={dateValue.date} fullWidth /&gt;
                          &lt;Box mt="1.5rem" /&gt;
                      &lt;/div&gt;
                  ))}
                      &lt;div&gt;
                          &lt;TextField
                              name="date"
                              id="date"
                              label="New date"
                              inputRef={register}
                              fullWidth /&gt;
                      &lt;/div&gt;
                  &lt;Box mt="1.5rem" /&gt;
              &lt;/div&gt;
           );
  </code></pre>