在JSX中使用for属性 - linter unknown property＆＃34; for＆＃34;

Question

我有一个带输入的标签。我想让整个标签区域可以点击以触发输入（一个复选框）。所以我使用了for属性，因为我相信这正是它的目的：

<label for={id}>
    <input
        name="checkbox"
        type="radio"
        data-id={id}
    />
</label>

功能上这个可以，但是linter不喜欢它：

  

错误未知属性＆＃39;对于＆＃39;发现，使用＆＃39; htmlFor＆＃39;而是反应/没有未知的财产

htmlFor似乎与for属性具有相同的功能。

如何在保留for功能的同时更改我的代码以使其正常工作 - 我宁愿避免编写自定义函数，当您在该功能已经点击标签时选择相关复选框存在for

Answer 1

你没什么需要做的。试试这个，

    <input
        name="checkbox"
        type="radio"
        data-id={id}
    />
<label htmlFor={id}></label>