반응하는 JSX는 무엇입니까

react JSX는 React 아키텍처에서 사용되는 JavaScript 구문 확장입니다. 그 형식은 템플릿 언어와 비슷하지만 실제로는 JavaScript 내에서 완전히 구현됩니다. React.js를 사용하는 것입니다.

이 기사의 운영 환경: windows10 시스템, React 16, Thinkpad t480 컴퓨터.

추천: "react 비디오 튜토리얼"

React에서 JSX란 무엇인가요?

JSX는 JavaScript XML로, Javascript와 XML을 결합한 형식입니다.

JSX는 React 아키텍처에서 사용되는 JavaScript 구문 확장입니다. 형식은 템플릿 언어와 비슷하지만 실제로는 JavaScript 내에서 완전히 구현됩니다. Elements는 React 애플리케이션을 구성하는 가장 작은 단위입니다. React는 JSX를 사용하여 사용자 인터페이스를 설명합니다.

JSX는 React.js용으로 개발된 구문 설탕 세트이자 React.js의 기초이기도 합니다. React는 JSX를 사용하지 않고도 작동할 수 있습니다. 하지만 JSX를 사용하면 컴포넌트의 가독성이 향상되므로 JSX를 사용하는 것이 좋습니다.

공식 홈페이지는 다음과 같습니다. http://facebook.github.io/jsx/

JSX의 특징

따옴표를 추가하지 않고 HTML 언어를 JavaScript 언어로 직접 작성할 수 있습니다. JSX의 구문입니다. . HTML과 JavaScript를 혼합할 수 있습니다.

JSX를 사용하면 JavaScript 변수를 템플릿에 직접 삽입할 수 있습니다. 이 변수가 배열이면 배열의 모든 멤버가 확장됩니다.

주입 방지 공격

JSX에 사용자 입력을 포함하는 것이 안전합니다.

React DOM은 렌더링하기 전에 기본적으로 들어오는 모든 값을 필터링합니다. 이는 애플리케이션이 주입 공격에 취약하지 않도록 보장합니다. 모든 콘텐츠는 렌더링되기 전에 문자열로 변환됩니다. 이렇게 하면 XSS(교차 사이트 스크립팅 공격)를 효과적으로 방지할 수 있습니다

Babel 변환기는 JSX를 React.createElement()라는 메서드 호출로 변환합니다.

JSX 구문을 일반 HTML로 작성하려면 스크립트 유형을 text/jsx로 변경해야 합니다. 이는 React의 고유한 JSX 구문이 JavaScript와 호환되지 않기 때문입니다. JSX를 사용하는 경우에는 type="text/jsx"를 추가해야 합니다. 둘째, React는 두 개의 라이브러리(react.js 및 JSXTransformer.js)를 제공하며 먼저 로드해야 합니다. 그 중 JSXTransformer.js의 기능은 JSX 구문을 JavaScript 구문으로 변환하는 것입니다. 이 단계는 시간이 많이 걸리므로 서버가 실제로 온라인 상태일 때 수행해야 합니다.

위 내용은 반응하는 JSX는 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!