时间戳

首页 > 解决方案 > 多个日期选择器在reactjs中显示相同的值

javascript - 多个日期选择器在reactjs中显示相同的值

问题描述

我在 reactjs 中实现了多个日期选择器，当我单击添加时，将添加新行，删除时将删除行。我additionalFields在 home.js 中表示要在行中显示的日期值，但是当我添加行时，新行字段应该为空。

home.js
 additionalFields: [
        {
          pickdate: new Date("Jan 1, 2019"),
          starttime: "",
          endtime: "",
          id: 0
        },
        {
          pickdate: new Date("Feb 1, 2019"),
          starttime: "",
          endtime: "",
          id: 1
        }
      ]

日期选择器、时间选择器应该显示选择日期、开始时间和结束时间值。但是在运行代码时，它会显示所有行的第一个数组值。这是代码https://codesandbox.io/s/amazing-pond-qgt5o

标签： javascriptreactjsreduxreact-redux

解决方案

推荐阅读