Réagir à JSX


  Résultats de traduction：

React utilise JSX au lieu du JavaScript classique.

JSX est une extension de syntaxe JavaScript qui ressemble beaucoup à XML.

Réagir à JSXsyntaxe

Nous n'avons pas nécessairement besoin d'utiliser JSX, mais il présente les avantages suivants :

JSX fonctionne plus rapidement car il est optimisé après avoir été compilé en code JavaScript.

Il est de type sécurisé et des erreurs peuvent être trouvées lors de la compilation.

L'écriture de modèles à l'aide de JSX est plus simple et plus rapide.

Réagir à JSXexemple

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>php.cn React 实例</title>
    <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
	<script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
	<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
  </head>
  <body>
    <div id="example"></div>
    <script type="text/babel">
      ReactDOM.render(
      	<div>
      	<h1>php中文网</h1>
      	<h2>欢迎学习 React</h2>
        <p data-myattribute = "somevalue">这是一个很不错的 JavaScript 库!</p>
        </div>
      	,
      	document.getElementById('example')
      );
    </script>
  </body>
</html>

Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Recommandations populaires

Maison

vidéos

Questions et réponses

soumettre