Javascript 在JSX-linter unknown属性中使用for属性；至于；

我有一个带有输入的标签。我想让整个标签区域可以点击来触发输入（一个复选框）。因此，我使用了

for

属性，因为我相信这正是它的目的：

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

从功能上来说，这是可行的，但棉绒工不喜欢它：

找到未知属性“for”时出错，请使用“htmlFor”代替react/no未知属性

htmlFor

似乎与

属性的
功能不同

如何更改代码以使其正常工作，同时保留
for
的功能-我宁愿避免编写一个自定义函数，当您单击标签时选中相关复选框，而
for
的功能已经存在，您无需执行任何特殊操作。尝试一下

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


我尝试了这一点，但是
for
的功能不适用于HTMLFL或仅用于引用目标，其他什么都不适用。我的意思是使用
for
（使标签能够操作输入）没有任何作用。然而，似乎我有一个假阳性，在上面的代码中它不应该工作，因为输入上没有
id
。我原以为它使用的是
数据id
——奇怪的是，当使用
for
时，它仍然有效。我不是在听你说什么。htmlFor和wprk的方式相同。如果有什么对你不起作用的话，那就是htmlFor的任何一个bcoz