En la selección de fecha en el menú desplegable, intento seleccionar automáticamente la fecha del calendario, sin embargo, la selección automática correspondiente en la fecha funciona solo para la primera selección en el menú desplegable, no en los cambios posteriores.

¿Podría aconsejarme sobre por qué y el concepto relevante que debo consultar?

 const [formValue, setFormValues] = useState({ date: null }); const stringToDate = (data: any) => { const date = data.value === "6 Months" ? moment().subtract(6, "months") : data.value === "Last Month" ? moment().subtract(1, "months") : moment().subtract(1, "weeks"); return date.toDate(); } <GridColumn width={8} className="fullWidth"> <label>How much back </label> <Dropdown fluid selection options={dropdownOptions} value={dateDropdownValue} onChange={(_e: any, data: any) => { setFormValues({ ...formValue, date: stringToDate(data.value), }); setDateDropdownValue(data.value); }} /> </GridColumn> <GridColumn width={8} className="fullWidth"> <label>Exact Date is:</label> <CalendarWrap> <DatePicker onChange={(date) => { setFormValues({ ...formValue, date: date, }); }} selected={formValue.date} /> <CalendarImg src={Icons.CalendarImage}></CalendarImg> </CalendarWrap> </GridColumn>