Sé que para 'clase' debemos usar className, pero ¿cómo puedo reaccionar para preservar el atributo 'for'?
El seguimiento:
<label for="recipient-name" className="control-label">Recipient:</label>se representa como:
<label class="control-label">Recipient:</label>en una nota no relacionada, me resulta molesto que no pueda cambiar los atributos usando la consola de Chrome cuando uso React. ¿Hay alguna manera de evitar eso? por ejemplo, si inspecciono el elemento renderizado y agrego el atributo 'for' manualmente, desaparece cuando hago clic fuera de ese control (presumiblemente porque react vuelve a renderizar el control, supongo)
Debe usar el atributo htmlFor en su lugar
<label htmlFor="recipient-name" className="control-label">Recipient:</label>for es una palabra clave en javascript, por lo que en JSX no puede usarla. Debe usar htmlFor que se traduce en atributo for una vez que se representa en el DOM.