Как установить значение для DatePicker, Timepicker для каждой строки reactjs

Question

Я хотел бы знать, как установить значение по умолчанию для datepicker и timepicker для каждой строки,

Я реализовал datepicker и timepicker, в которых home.js имеет состояние additionalFields, имеет массив of values ​​указывает значение по умолчанию для datpicker и timepicker для каждой строки.

Но в моем коде значения первого массива additionalFields показаны для всех строк, вместо этого установите значение каждого массива в datepicker и timepicker Как установить значение по умолчанию дополнительных полей для каждой строки.

Мой код: https://codesandbox.io/s/amazing-pond-qgt5o

Answer 1

проблема в привязке для значения datepicker, которое вы используете index of column вместо row index, поэтому вы должны изменить его следующим образом

value={
                // this.state["pickdate_" + rowId] || this.defaultPickdate
                this.state["pickdate_" + rowId] ||
                this.props.rows[row.id].pickdate // changed this line
      }

в вашем коде, который вы используете index переменная которые ссылаются на индекс столбца, а не на индекс строки, и во всех отношениях его значение первой строки.