js 템플릿 엔진은 무엇입니까?

Question

거대한 nodejs 프로젝트에서 일하고 있습니다. 그것은 아웃소싱 녀석들에게서 온다. 수백 개의 플러그인과 라이브러리가 포함되어 있습니다. 나는 그것을 사용하는 템플릿 엔진을 인식 할 수 없다. 이걸 좀 도와 줄래? 샘플 :

var $mapsIfAlbum = (
     <section class="slide section" data-index="2" style={{top: mapsPos + '%', zIndex: mapsPos}}> 
     <div class="maps"> 
      {info} 
      <_Maps /> 
     </div> 
     </section> 
    ); 

이 하나가 콧수염처럼 보이지만 두 조각이 하나 개의 파일에 있습니다. 하나의 파일에서 두 개의 템플릿 엔진을 사용하는 것이 가능한가?

var bodyStyles = ` 
${hideIconsWhenMobile} 
    @media screen and (max-width: 720px) { 
    body { 
     background: #fff !important; 
    } 
    } 
    `; 

Answer 1

첫 번째 모습은 일반적으로 React과 함께 사용되는 JSX와 같습니다.

다른 사람들이 언급 한 것처럼 두 번째 템플릿 리터럴입니다.

Answer 2

그것은 템플릿 리터럴라고한다.

대신 +를 사용하여 NodeJS4.0.0 이상, 이것은 당신이 (또한 grave accents라고도 함)이 backquotes을 사용할 수 있습니다 ES6에서 새로운 기능으로 간주됩니다 버전으로 업데이트 할 때 연결.

희망이 도움이됩니다.