JavaScript / React自动填充基于第一个字段的其他字段

Question

1。。我有12个索引“ listOfPaysIndexes ”的数组，我正在使用此数组来遍历她并呈现12个DateInput字段。

2。。您可以单击每个字段并选择“日期”。

3。。当您在第一个DateInput中选择日期时，所有其他DateInputs应该自动填充该值。

哪种是在react javascript中实现的最佳方法？

这是代码：

 {*You can see here that listOfPaysIndexes which have 12 indexes.
   For every index there is one DateInput. *}

   {listOfPaysIndexes.map(value => {
      return (
        <Form.Group
          widths="equal"
          key={`month_${value}`}
        >
          <Form.Field width={5}>
            {/*** HERE IS DATE FIELD ***/}
            <DateInput
              name={`ending_period_monthly[${value}]`}
              value={values.ending_period_monthly[value]}
              onChange={handleChange}
              dateFormat={'MM/DD/YYYY'}
            />
            )}
          </Form.Field>

        </Form.Group>
      )
    })}

以下是日期输入的外观：

Answer 1

您应该可以按照以下方式进行操作，这只是出于想法，我不知道您的确切代码，将this替换为用于引用上下文的所有内容，并替换方法{{1 }}与您用来从事件中获取值的任何方法

getValueFromEvent