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