Как мне сопоставить даты с указанным c ID в значении текстового поля?

Question

У меня есть массив с объектами с именем dates, пример одного объекта в массиве: {id: 9898, date: 10/06/2020}.

В массиве будет много объектов с одинаковым идентификатором, я хочу отобразить даты с одинаковым идентификатором в TextField, см. Код ниже. Как мне этого добиться?

• Любая помощь приветствуется, спасибо!

---

import React, { useEffect, useState } from 'react';
import { useForm } from 'react-hook-form';
import { TextField, Box, Button, Tooltip } from '@material-ui/core';

   return(
           <div>
                {dates.map(dateValue => (
                    <div>
                        <TextField label="Date" value={dateValue.date} fullWidth />
                        <Box mt="1.5rem" />
                    </div>
                ))}
                    <div>
                        <TextField
                            name="date"
                            id="date"
                            label="New date"
                            inputRef={register}
                            fullWidth />
                    </div>
                <Box mt="1.5rem" />
            </div>
         );

Answer 1

Существует возможность использования uuid , например act-uuid

UUID (универсальный уникальный идентификатор) - это 128-битное число, используемое для уникальной идентификации какого-либо объекта или объекта в Inte rnet.

import uuid from "react-uuid";

const udates = dates.map(x => ({ ...x, uuid: uuid() }));

<div key={dateValue.uuid} ... />

---

Вы также можете использовать uuid

import {v5 as uuid} from "uuid"; 

Они иметь поддержку машинописи @ types / uuid