Reactjs 如何在React中启用粗纱塔板索引？

我有一个单选按钮组列表，通过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>
)}

{questions.map（（问题，索引）=>
{问题.文本}
完全同意
同意
有点同意
有点不同意
不同意
完全反对
)}

---

我试图使用，但我似乎不明白如何翻译他们通过typescript演示的示例。我看了这篇文章，但我不确定到处使用ID是不是一个好主意。是否有一种更简单的方法来启用roving tabIndexes？

是否尝试将示例呈现为选项卡而不是收音机？否。我尝试呈现为收音机。我忘了提到我想通过标签的包装，单选按钮隐藏。抱歉没有提到那件事。我隐藏复选框，并通过标签内div中应用的CSS属性将其显示为选中状态。所以，我想我想通过标签进行标记。您是否尝试将示例渲染为选项卡而不是radio？不。我尝试渲染为radio。我忘了提到我想通过标签的包装，单选按钮隐藏。抱歉没有提到那件事。我隐藏复选框，并通过标签内div中应用的CSS属性将其显示为选中状态。所以，我想我想通过标签。