복붙노트

[REACTJS] JSX의 문자열 내용으로 템플릿 리터럴

REACTJS

JSX의 문자열 내용으로 템플릿 리터럴

해결법


  1. 1.템플릿 리터럴은 현재 JSX 반응에 의해 지원되지 않습니다. 그것을 할 올바른 방법과 같이이다 :

    템플릿 리터럴은 현재 JSX 반응에 의해 지원되지 않습니다. 그것을 할 올바른 방법과 같이이다 :

    <h1>Total count: {this.state.totalCount}</h1>
    

    편집 : 귀하의 세 번째 방법은 올바르지 만 코드가 확장과 같은 괄호를 검색 할 필요가 나는 개인적으로 인해 디버그 문제의 그것을 권하고 싶지 않다

    <h1>{`Total count: ${this.state.totalCount}`}</h1>
    
  2. from https://stackoverflow.com/questions/52169161/template-literals-as-string-content-in-jsx by cc-by-sa and MIT license