Как передать уникальный идентификатор нескольким датапикерам в REACT?

#javascript #html #reactjs

Вопрос:

Я использую средство выбора даты пользовательского интерфейса Clay. Я визуализирую средство выбора нескольких дат, когда выбираю дату, которая применяется ко всем.

         const [value, setValue] = useState(null);
        <ClayForm.Group>
          <label htmlFor="">Date 1</label>
          <ClayDatePicker
            onValueChange={setValue}
            placeholder="DD-MM-YYYY"
            spritemap={spritemap}
            value={value}
            years={{
              end: 2024,
              start: 1997
            }}
          />

         <label htmlFor="">Date 2</label>
          <ClayDatePicker
            onValueChange={setValue}
            placeholder="DD-MM-YYYY"
            spritemap={spritemap}
            value={value}
            years={{
              end: 2024,
              start: 1997
            }}
          />
        </ClayForm.Group>
 

Я пытаюсь передать идентификатор и ключ в ClayDatePicker. Но это не сработало. Пожалуйста, помогите

Комментарии:

1. Можете ли вы показать, где вы передали идентификатор и ключ в ClayDatePicker?

2. Попробовал передать идентификатор и ключ в качестве реквизита в ClayDatePicker

3. Проблема в реквизитах (значение, изменение значения) в DatePicker. Вот почему, когда я выбираю одну дату, это относится ко всем. Как сделать это динамически?

4. Я считаю, что нам нужно увидеть полный код, похоже, что многого не хватает.

5. рассмотрим массив [1,2,3,4,5] .Я зацикливаю массив и визуализирую указатель даты. здесь это будет напечатано в 5 раз. когда я пытаюсь добавить дату, ее значения применяются ко всем, потому что она использует общее значение в качестве реквизита. возвращаемый массив.карта(arr => { возврат ><ClayDatePicker onValueChange={Значение набора} заполнитель=»ДД-ММ-ГГГГ» карта спрайта={карта спрайта} значение={значение} годы={{ конец: 2024, начало: 1997 }} /> }) Я не хочу применять значение ко всем 5 датапикерам. Как это исправить.