0
votes

TEXTAREA Etiquette de fermeture automatique? </h1> </div> <div class="body-content"> <p> J'ai récemment regardé quelques tutoriels sur YouTube sur la construction d'une simple réaction réactive Previewer pour un défi Freecodecamp. Cependant, les tutoriels que j'ai vus jusqu'à présent ont ajouté cette balise <code> <textarea /> </ code> dans le code de réact au lieu de <code> <textarea> </ textarea> </ p>. <p> J'ai regardé plus d'informations sur <code> <textarea> </ code> tag et w3schools, MDN Web Docs, et peu d'autres sites Web ont toujours montré le <code> <textarea> </ code> avec sa balise de fermeture < Code> </ textarea> </ code> avec la raison pour laquelle il agit comme un conteneur pour la substance dans la balise <code> <textarea> </ code> tag. Et pour l'utiliser sous une forme différente briserait le code. </ P> <p> Quoi qu'il en soit, je me demande s'il est toujours nécessaire de réactiver le cadre d'utiliser la méthode d'auto-fermeture telle que celle-ci: <code> <textarea /> </ code>? J'essaie simplement de comprendre si je dois utiliser <code> <textarea /> </ code> dans mon projet, je codage ou s'il s'agit d'un mauvais codage / pratique. </ P> </div>  <div class="d-flex mt-1"> <div class=""> <a class="badge badge-info" href="/tag/javascript">javascript</a> <a class="badge badge-info" href="/tag/reactjs">reactjs</a> <a class="badge badge-info" href="/tag/html">html</a> </div> </div> <hr>  <div class="pl-5"> <small class="text-muted">1 commentaires</small> <div class="comments mt-3"> <p>Les spécifications HTML dictent quelles balises peuvent omettre leur étiquette de fermeture (ou d'ouverture). Le <code> textarea </ code> n'est pas l'un d'entre eux selon les documents MDN. Voir le résumé technique <i> </ i>. <a href="https://developer.mozilla.org/en-us/docs/web/html/element/textarea#technical_summary" Rel="nofollow Noreferrer"> développeur.mozilla.org/en-us/docs/ Web / html / élément / ... </a></p> <hr> </div> </div> </div> <div class=""> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5975820494937925" data-ad-slot="2186005983" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div>  <p class="mt-4 font-weight-bold">3 Réponses :</p> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 1<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Pour réagir, c'est surtout une convention. Une convention consiste à toujours utiliser des étiquettes de fermeture automatique s'il n'y a pas de contenu (enfants) à l'intérieur de votre composant. Donc, pour une textaree, ce serait une fermeture automatique. </ P> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 1<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Ce n'est pas html dans réagir. C'est JSX. Si vous n'avez pas d'enfants dans un élément, utilisez simplement une étiquette de fermeture automatique. Si vous avez des enfants en éléments, utilisez ensuite une étiquette de fermeture séparée. </ P> <p> Vous pouvez voir comment convertir HTML en JSX à l'aide de ce site Web - <a href="htttps://magic.reactjs.net/htmltojsx.htm" rel.="nofollow noreferrer"> https: //magic.reacjs .NET / HTMLTOJSX.HTM </a> </ P> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 1<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> En réagissant, Textarea a été modifiée afin qu'elle puisse se comporter comme d'autres intrants. La valeur, qui serait normalement un enfant dans HTML est un attribut de réact <pré> xxx </ pré> <p> voir le <a href = "https://reactjs.org/docs/forms.html#the- textarea-tag "rel =" nfollow NOREFERRER "> réagit de DOCS pour plus d'informations sur Texarea </a> </ P> </ P> </div> <hr>  <div class="pl-5"> <small class="text-muted">1 commentaires</small> <div class="comments mt-3"> <p class="answer-comment"> Merci beaucoup! J'ai essayé de trouver cela dans réagir des docs mais j'aurais peut-être oublié. Merci de le pointer pour moi! </p> <hr> </div> </div> </div> </div> <hr> </div> <div class="col-lg-3 col-md-12 col-12 col-sm-12" > <div class="related"> <iframe src="https://rcm-eu.amazon-adsystem.com/e/cm?o=8&p=12&l=ez&f=ifr&linkID=b777da379e25dfc65f34887292b82918&t=birdy0c-21&tracking_id=birdy0c-21" width="300" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe> <p class="font-weight-bold">Articles qui pourrait vous intéresser :</p> <a href="/question/impossible-d-39-importer-le-module-quot-angular-material-quot" class=""> Impossible d'importer le module "@ angular / material" </a> <hr> <a href="/question/interaction-profonde-avec-break-and-catch" class=""> Interaction profonde avec break and catch </a> <hr> <a href="/question/utilisation-de-node-js-comment-renommer-tous-les-fichiers-d-39-un-dossier" class=""> Utilisation de node.js comment renommer tous les fichiers d'un dossier </a> <hr> <a href="/question/google-chrome-uncaught-promis-domexception-lors-de-la-lecture-audio" class=""> Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO </a> <hr> </div> <div class=""> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5975820494937925" data-ad-slot="4267220326" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <script type="text/javascript" src="/js/purecookie.js"></script> </div> <div class="container col-lg-8 col-md-12 ads-footer"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5975820494937925" data-ad-slot="5580301997" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </body> <footer> <div class="row col-lg-12 col-md-12 text-muted"> © 2020 www.devfaq.fr - Licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/" rel="license"> cc by-sa 3.0 </a> with <a href="https://stackoverflow.blog/2009/06/25/attribution-required/" rel="license"> attribution required</a>. </div> </footer> </html>