Не могу сосредоточиться на элементе в реагировании на нажатие вкладки (React) ⇐ Html

[Anonymous]

Мое приложение React оснащена таблицей, которая отображает сетку входных элементов. Сетка отображается с использованием элемента HTML. Внутри таблицы у меня есть элемент , который содержит набор строк, который представляет собой компонент, называемый ResoureBookingingRow . Каждый ResourceBookingRow содержит набор элементов , который представляет собой компонент с именем resourcebooking .
Когда я выбираю элемент ввода в моей сети Я хочу иметь возможность нажать вкладку на моей клавиатуре, чтобы сосредоточиться на следующей ячейке. Вместо этого он всегда фокусируется на первой ячейке первого ряда. Как решить эту проблему? До сих пор нет результатов. Когда я вручную добавил некоторые ячейки в мой компонент ResourceBookingRow , у меня была возможность вклад из одной ячейки до следующей.
Мой HTML выглядит Как это: < /p>

Код: Выделить всё

// some HTML


{dateData?.ProjectMembers.map((projectMember) => {
const guid = GenerateRandomGUID();
return (

);
})}


< /code>
Мои компоненты выглядят так:
ResourceBookingRow

Код: Выделить всё

interface IProps {
ProjectMember: IProjectMember;
uniquekey: string;
onHandleChange: (
value: string | null,
resourceId: string,
bookingIndex: number,
resourceBooking: IResourceBooking,
projectMember: IProjectMember
) => void;
}

const ResourceBookingRow = ({
ProjectMember,
uniquekey,
onHandleChange,
}: IProps) => {
return (

{ProjectMember?.ResourceBookings.map((booking, index) => {
const bookingKey = `${booking.Key}-${index}`;
return (

onHandleChange(
value,
ProjectMember.Id,
index,
booking,
ProjectMember
)
}
index={index}
/>
);
})}

);
};
< /code>
ResourceBooking

:
interface IProps {
ResourceBooking: IResourceBooking;
uniquekey: string;
onValueChange: (value: string | null) => void;
index: number;
}

const ResourceBooking = ({
ResourceBooking,
uniquekey,
onValueChange,
index,
}: IProps) => {
console.log(uniquekey);
return (

onValueChange(e.target.value)}
/>

);
};
< /code>
Thanks in advance!

Подробнее здесь: https://stackoverflow.com/questions/794 ... ress-react