В React (платформа Facebook) мне нужно визуализировать элемент метки, привязанный к вводу текста, используя стандартный forатрибут.
например, используется следующий JSX:
<label for="test">Test</label>
<input type="text" id="test" />Однако это приводит к тому, что в HTML отсутствует обязательный (и стандартный) forатрибут:
<label>Test</label>
<input type="text" id="test">Что я делаю не так?
Ответы:
forАтрибут называется htmlForсогласованность с DOM свойств API. Если вы используете сборку React для разработки, вы должны были увидеть предупреждение в консоли об этом.
labelэлемент (как возвращено document.createElement, document.getElementByIdи т. Д.), Вы получите доступ к его forсвойству как label.htmlFor.
Да, для реакции,
for становится htmlFor
class становится className
и т.п.
полный список того, как атрибуты HTML изменяются здесь:
Для React вы должны использовать его ключевые слова для определения атрибутов HTML.
class->className
используется и
for->htmlFor
используется, так как реагирует с учетом регистра, убедитесь, что вы должны следовать маленьким и прописным.
оба forи classзарезервированные слова в JavaScript, поэтому, когда дело доходит до атрибутов HTML в JSX, вам нужно использовать что-то другое, команда React решила использовать htmlForи classNameсоответственно
forкак в JavaScript зарезервированное слово, htmlForвместо него используются элементы React »: reactjs.org/docs/dom-elements.html#htmlfor
htmlForна замену for!Вы можете найти больше информации, перейдя по ссылкам ниже.
https://facebook.github.io/react/docs/dom-elements.html#htmlfor
Это htmlFor в JSX и className в JSX