React utilise JSX au lieu du JavaScript classique.

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

Réagir à JSX syntaxe

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 à JSX exemple

<!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