Reactjs 如何在textfield值中映射具有特定ID的日期？

我有一个名为

dates

的对象数组，数组中有一个对象的示例：

{id:9898，date:10/06/2020}

在数组中，将有许多具有相同id的对象，我想在

TextField

中映射具有相同id的日期，请参见下面的代码。我如何做到这一点

• 感谢您的帮助，谢谢

---

import React，{useffect，useState}来自“React”；
从“react hook form”导入{useForm}；
从“@material ui/core”导入{TextField，Box，Button，Tooltip}；
返回(
{dates.map（dateValue=>(
))}
);

有一个选项可以使用uuid，如

UUID（通用唯一标识符）是一个128位的数字，用于唯一标识Internet上的某个对象或实体

---

他们有typescript支持

对象已经有了id。我的问题是我想显示所有具有相同id的日期：）Library

react uuid

不能与typescript一起使用。typescript还有其他版本吗？@lo7您也可以使用

uuid

参考更新的内容

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>
         );

import uuid from "react-uuid";

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

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

import {v5 as uuid} from "uuid";