React: JSX에서 HTML 클래스 만들기

JSX의 차이점 중 하나는 HTML 클래스를 정의하는 데 워드 클래스를 사용하지 않는다는 것입니다.클래스가 JavaScript에서 보존 단어이기 때문입니다.반면 JSX는 클래스 이름을 사용합니다.

JSX의 HTML 속성과 이벤트 인용이 간단한 예로 바뀌었음을 주의하십시오.

JSX 코드에 제공된 myDiv에 하나의 클래스div를 적용합니다.

const JSX = (
  <div className='myDiv'> {/* <--- added a class of myDiv */}
    <h1>Add a class to this div</h1>
  </div>
);

자동 닫기

JSX에서는 거의 다르지 않다. 어떤 JSX 요소도 자동으로 닫는 표시로 작성할 수 있고 모든 요소는 닫아야 한다.예를 들어, 줄 바꿈 태그는 항상 로 쓰여 전송할 수 있는 유효한 JSX가 되어야 합니다.다른 한편, A는 또는 로 쓸 수 있다.다른 점은 첫 번째 버전에서는 문서에 어떤 내용도 포함할 수 없다는 점이다.제 뒤에 있는 댓글에서 왜 이런 문법이 React 구성 요소를 나타낼 때 유용한지 보실 수 있습니다.

Reference

이 문제에 관하여(React: JSX에서 HTML 클래스 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/rthefounding/react-creating-an-html-class-in-jsx-52ik

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다