Reactjs программно настраивает фокус на связанный элемент

#reactjs #focus #blur

Вопрос:

Мне нужно сохранить значение текстового поля MaterialUI в состоянии после события размытия при запуске. Проблема, с которой я столкнулся, заключается в том, что мне нужно дважды щелкнуть по целевому элементу (relatedTarget), чтобы установить фокус. В событии onBlur я получаю доступ к атрибуту relatedTarget, но не знаю, как я могу сфокусироваться на этом элементе.

Примечание. Текстовые поля находятся внутри сетки и создаются динамически. Внутри сетки есть выпадающие списки и текстовые поля. Мне нужно установить фокус на целевом элементе после выполнения функции updateMyData.

 export const component1 = (props) => {



const onBlur = (e) => {
  updateMyData(e.target.value,row.index,column.id)
 

}

} экспортировать текстовое поле const = () => {

}