React menggunakan JSX dan bukannya JavaScript biasa.

JSX ialah sambungan sintaks JavaScript yang kelihatan seperti XML.

Bertindak balas JSX sintaks

Kami tidak semestinya perlu menggunakan JSX, tetapi ia mempunyai kelebihan berikut:

JSX berprestasi lebih pantas kerana ia dioptimumkan selepas disusun ke dalam kod JavaScript.

Ia selamat jenis dan ralat boleh ditemui semasa penyusunan.

Menulis templat menggunakan JSX lebih mudah dan pantas.

Bertindak balas JSX contoh

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

Run Instance »

Klik butang "Run Instance" untuk melihat instance dalam talian