tamaƱo que name etiqueta declarar como label reactjs react-jsx

name - que es un label



Reaccionar elemento de etiqueta (4)

simplemente usando reaccionar htmlFor reemplazar!

puedes encontrar más información siguiendo los enlaces a continuación.

https://facebook.github.io/react/docs/dom-elements.html#htmlfor

https://github.com/facebook/react/issues/8483

https://github.com/facebook/react/issues/1819

En React (marco de Facebook), necesito renderizar un elemento de etiqueta vinculado a una entrada de texto usando el estándar for atributo.

por ejemplo, se utiliza el siguiente JSX:

<label for="test">Test</label> <input type="text" id="test" />

Sin embargo, esto produce HTML falta el requisito (y estándar) for atributo:

<label data-reactid=".1.0.0">Test</label> <input type="text" id="test" data-reactid=".1.0.1">

¿Qué estoy haciendo mal?


El atributo for se llama htmlFor por consistencia con la API de la propiedad DOM. Si está utilizando la compilación de desarrollo de React, debería haber visto una advertencia en su consola al respecto.


Para React debe usar sus palabras clave por definición para definir atributos html.

class -> className

es usado y

for -> htmlFor

se usa, como reaccionar es sensible a las mayúsculas y minúsculas, asegúrese de seguir las instrucciones pequeñas y de capital según sea necesario.