React에서 JSX 언어 소개

JSX 언어는 일반 JavaScript이지만, 따옴표 없이 코드에 직접 태그를 쓸 수 있게 하는 몇 가지 추가 기능이 있습니다.

태그는 return을 통해 반환할 수 있습니다:

jsxfunction App() {
  return <div>
    text
  </div>;
}

태그에는 속성이 있을 수 있습니다:

jsxfunction App() {
  return <div class="eee">
    text
  </div>;
}

태그는 변수나 상수에 기록할 수 있습니다:

jsxfunction App() {
  const  elem = <div>text</div>;
  return elem;
}

Задание 1

당신의 메인 컴포넌트에 다음과 같은 함수가 있습니다:

jsxfunction App() {
  return <div>
    text
  </div>;
}

div 안의 텍스트를 변경하십시오. 브라우저에서 발생한 변경 사항을 확인하십시오.

Задание 2

div에 여러 개의 단락을 추가하십시오.

Задание 3

당신의 단락에 클래스를 추가하십시오.