如何在文本字段值中映射具有特定 ID 的日期？

Question

我有一个包含名为dates 的对象的数组，数组中的一个对象示例：{id: 9898, date: 10/06/2020}。

在数组中，会有很多具有相同id的对象，我想在TextField中映射具有相同id的日期，见下面的代码。我如何做到这一点？

• 感谢任何帮助，谢谢！

---

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的选项，比如react-uuid

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

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