Când aleg data pentru primul input, vreau să fac focus imediat la celălalt input “End Date”. Am încercat mai multe variante de a folosi ref dar nu-mi dau seama unde greșesc.
Codul e aici, https://codesandbox.io/s/range-month-picker-m1ut1 (se poate face fork).
Pune un ref pe la doilea datepicker (sa zicem endDatePickerRef), iar in handleStartDate ai endDatePickerRef.current.setOpen(true).
Am reușit să rezolv problema. Versiunea care funcționează este aici, https://codesandbox.io/s/range-month-picker-wwz9z
Greșeam în primul rând, când trimiteam referirea din componenta copil la părinte, pentru că am luat cu Copy Paste codul din documentație fără să-l curăț de ce nu aveam nevoie.
Apoi trebuia să mai adaug prop ul customInputRef care primește ca valoare ca string numele altei referiri declarate deja în componenta părinte.
Altă greșeală a fost că trebuia să fac de la bun început focus apoi click pe input ul la care vream să sar.
2 Likes