ReactJS: propriété DOM ne reconnaît pas

Question

Je crée un composant ReactJS avec un champ de recherche décrit comme ceci:

SearchNotes.js

<label for='search_notes'>Search</label> 
<input id='search_notes' type='text' onKeyPress={this.handleKeyPressed}></input> 

Tout fonctionne très bien, mais je reçois cette erreur ici:

Cette propriété for existe clairement dans label étiquettes. Qu'est-ce que j'oublie ici?

Answer 1

L'erreur se produit car for n'est pas un attribut sur les éléments React. Utilisez plutôt htmlFor, comme le suggère l'erreur. React n'utilise pas de mots clés JavaScript comme noms d'attribut comme class (className) ou for (htmlFor).