JSX에 반응하다


  번역 결과:

React는 일반 JavaScript 대신 JSX를 사용합니다.

JSX는 XML과 매우 유사한 JavaScript 구문 확장입니다.

JSX에 반응하다통사론

꼭 JSX를 사용할 필요는 없지만 다음과 같은 장점이 있습니다.

JSX는 JavaScript 코드로 컴파일한 후 최적화하므로 성능이 더 빠릅니다.

유형이 안전하며 컴파일 중에 오류가 발견될 수 있습니다.

JSX를 사용하여 템플릿을 작성하는 것이 더 쉽고 빠릅니다.

JSX에 반응하다예

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

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

인기 추천

비디오

Q&A