HTML을 JSX로
camelCase 속성으로 HTML 조각을 React JSX로 변환합니다.
HTML을 JSX로 변환하는 도구는 일반적인 HTML 조각을 React JSX로 바꿉니다. class와 for를 이름 변경하고 대시 속성을 camelCase로 변환하며 data/aria 속성을 유지하고 style 문자열을 JSX 스타일 객체로 변환합니다.
입력 내용을 입력하세요.
사용 방법
- 입력 필드에 HTML 조각을 붙여넣으세요.
- 생성된 JSX 출력을 검토하세요.
- JSX를 React 컴포넌트에 복사하세요.
자주 묻는 질문
자체 닫힘 태그를 지원하나요?
네, img, input, br 같은 빈 태그가 자체 닫힘 JSX 태그로 변환됩니다.
style 속성은 어떻게 처리되나요?
간단한 스타일 선언이 camelCase 키의 JSX 스타일 객체로 변환됩니다.