Как включить ровинг tabIndex в React? - PullRequest
Новая
       30

Как включить ровинг tabIndex в React?

1 голос
/ 21 мая 2019

У меня есть список групп переключателей, которые я отображаю с помощью цикла в классе React.Я хочу иметь возможность вкладывать в каждую группу и выбирать с помощью клавиш со стрелками.Вот мой код цикла: 

{questions.map((question, index) =>
    <div key={question.id}>
        <label>{question.text}</label>
        <label>
            <input type="radio" name={question.name} value="Completely Agree" />
            <div>Completely Agree</div>
        </label>
        <label>
            <input type="radio" name={question.name} value="Agree" />
            <div >Agree</div>
        </label>
        <label>
            <input type="radio" name={question.name} value="Somewhat Agree" />
            <div >Somewhat Agree</div>
        </label>
        <label>
            <input type="radio" name={question.name} value="Somewhat Disagree" />
            <div >Somewhat Disagree</div>
        </label>
        <label>
            <input type="radio" name={question.name} value="Disagree" />
            <div >Disagree</div>
        </label>
        <label>
            <input type="radio" name={question.name} value="Completely Disagree" />
            <div>Completely Disagree</div>
        </label>
    </div>
)}

Я пытался использовать response-roving-tabindex , но я не могу понять, как перевести пример, который они демонстрируют, через машинопись.Я заглянул в Создание доступного компонента вкладки со статьей React , но я не уверен, что использование идентификаторов повсюду - хорошая идея.Есть ли способ, которым React придерживается более простого способа включения перемещаемых таблиц индексов?

...