在 JSX 中使用 for 属性 - linter 未知属性“for”答案

【问题标题】：Using the for attribute in JSX - linter unknown property "for"在 JSX 中使用 for 属性 - linter 未知属性“for”
【发布时间】：2017-04-06 11:18:30
【问题描述】：

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

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

在功能上这个工作，但 linter 不喜欢它：

错误 Unknown property 'for' found, use 'htmlFor' instead react/no-unknown-property

htmlFor 的功能似乎与for 属性不同。

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

【问题讨论】：

标签： javascript reactjs jsx

【解决方案1】：

您不需要做任何特别的事情。试试这个，

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

【讨论】：

我试过了，但是for的功能不起作用
htmlFor or for 只是指目标，没有别的。
我的意思是使用for（使标签能够对输入进行操作）什么也没做。但是，似乎我有误报，并且在上面的代码中它不应该起作用，因为输入中没有id。我原以为它正在使用data-id - 奇怪的是它在使用for时仍然有效
我不是在听你说什么。 htmlFor 和 For wprk 方法相同。如果有什么不适合你，那就是 htmlFor 的 noy bcoz