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 實(shí)例</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中文網(wǎng)</h1>
      	<h2>歡迎學(xué)習(xí) React</h2>
        <p data-myattribute = "somevalue">這是一個(gè)很不錯(cuò)的 JavaScript 庫(kù)!</p>
        </div>
      	,
      	document.getElementById('example')
      );
    </script>
  </body>
</html>

Run Instance ?

Klik butang "Run Instance" untuk melihat instance dalam talian