W React (frameworku Facebooka) muszę wyrenderować element etykiety związany z wprowadzonym tekstem przy użyciu standardowego foratrybutu.
np. używany jest następujący JSX:
<label for="test">Test</label>
<input type="text" id="test" />Jednak powoduje to HTML bez wymaganego (i standardowego) foratrybutu:
<label>Test</label>
<input type="text" id="test">Co ja robię źle?
Odpowiedzi:
forAtrybut jest nazywany htmlForkątem zgodności z właściwością DOM API. Jeśli korzystasz z kompilacji React, powinieneś zobaczyć ostrzeżenie w konsoli na ten temat.
labelelementu (zgodnie z danymi przekazanymi przez document.createElement, document.getElementByIditp) chcesz uzyskać dostęp do jego forwłaściwości jako label.htmlFor.
Tak, aby zareagować
for staje się htmlFor
class staje się className
itp.
zobacz pełną listę zmian atrybutów HTML tutaj:
W React musisz użyć słów kluczowych według definicji, aby zdefiniować atrybuty HTML.
class->className
jest używany i
for->htmlFor
jest używane, ponieważ w przypadku reagowania rozróżniana jest wielkość liter, upewnij się, że musisz przestrzegać małych i dużych nakładów zgodnie z wymaganiami.
zarówno fori classsą zarezerwowane słowa w JavaScript to dlaczego, jeśli chodzi o atrybuty HTML w JSX trzeba użyć czegoś innego, React zespół postanowił wykorzystać htmlFori classNameodpowiednio
forto słowo zarezerwowane w JavaScript, React elementy użyć htmlForzamiast.": Reactjs.org/docs/dom-elements.html#htmlfor
htmlForaby zastąpić for!możesz znaleźć więcej informacji, klikając poniższe linki.
https://facebook.github.io/react/docs/dom-elements.html#htmlfor
To jest htmlFor w JSX, a class to className w JSX