In React (framework di Facebook), devo rendere un elemento etichetta associato a un input di testo usando l' forattributo standard .
ad esempio, viene utilizzato il seguente JSX:
<label for="test">Test</label>
<input type="text" id="test" />Tuttavia, questo produce HTML privo fordell'attributo richiesto (e standard) :
<label>Test</label>
<input type="text" id="test">Che cosa sto facendo di sbagliato?
Risposte:
L' forattributo viene chiamato htmlForper coerenza con l'API della proprietà DOM. Se stai usando la build di sviluppo di React, dovresti aver visto un avviso nella tua console a riguardo.
labelelemento (come restituito da document.createElement, document.getElementById, ecc) che ci si accede la sua forproprietà come label.htmlFor.
Sì, per reagire,
for diventa htmlFor
class diventa className
eccetera.
vedi l'elenco completo di come vengono modificati gli attributi HTML qui:
Per React devi usare le sue parole chiave per definire per definire gli attributi html.
class->className
è usato e
for->htmlFor
viene utilizzato, poiché la reazione fa distinzione tra maiuscole e minuscole, assicurarsi di seguire le lettere minuscole e maiuscole come richiesto.
entrambi fore classsono parole riservate in JavaScript, ecco perché quando si tratta di attributi HTML in JSX devi usare qualcos'altro, il team di React ha deciso di usare htmlFore classNamerispettivamente
forè una parola riservata in JavaScript, Reagire elementi usano htmlForinvece.": Reactjs.org/docs/dom-elements.html#htmlfor
htmlForper sostituire for!puoi trovare maggiori informazioni seguendo i link qui sotto.
https://facebook.github.io/react/docs/dom-elements.html#htmlfor
Questo è html per JSX e la classe è className in JSX