У 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#htmlдля цього
Це htmlFor в JSX, а class - className в JSX