HTML을 JSX 변환기로 변환

HTML을 JSX 변환기로 변환

About this tool

HTML을 JSX 변환기로 변환. 처리는 브라우저에서 로컬로 실행되며 입력 데이터는 ThothBox에 업로드되지 않습니다.

How to use

  1. HTML 마크업을 붙여넣습니다.
  2. 변환된 className, htmlFor, style 객체가 있는 JSX 코드를 확인합니다.
  3. 깔끔한 JSX 스니펫을 React 컴포넌트에 복사합니다.

FAQ

인라인 CSS 스타일을 어떻게 처리하나요?

문자열 style="margin-top: 10px;"을 리액트 객체 style={{ marginTop: '10px' }}로 파싱합니다.

void 태그를 자체 닫나요?

네, <img />, <input />, <br /> 같은 태그가 JSX를 위해 올바르게 닫힙니다.

Tags

Related tools