찾다
  • 로그인
  • 가입
비밀번호 재설정 성공

당신이 관심을 갖고 있는 프로젝트를 팔로우하고 그들에 관한 최신 뉴스를 맛보세요

프로그래밍 사전

서비스 프로그래머를 위한 온라인 기술 매뉴얼
인기 검색어:
JSX에 반응하다 사용에 대한 자세한 지침

JSX에 반응하다

중국어 번역 최근 업데이트: 2018-06-21 11:16:10

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>

인스턴스 실행 »

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

JSX에 반응하다