How to use React label element?

If you try to render a

<label>

element bound to a text input using the standard

for

attribute, then it produces HTML missing that attribute and prints a warning to the console.

<label for={'user'}>{'User'}</label>
<input type={'text'} id={'user'} />

Since

for

is a reserved keyword in JavaScript, use

htmlFor

instead.

<label htmlFor={'user'}>{'User'}</label>
<input type={'text'} id={'user'} />