← 返回首页

HTML 转 JSX/React 转换器

生成完整组件使用 TypeScript 使用箭头函数使用 React.memo 组件名称:

HTML 输入

字符: 0 | 行数: 0

JSX/React 输出

字符: 0 | 行数: 0

转换规则说明

HTML 属性	JSX 属性	说明
`class`	`className`	CSS 类名
`for`	`htmlFor`	label 关联
`onclick`	`onClick`	事件处理器 (驼峰命名)
`tabindex`	`tabIndex`	Tab 索引
`maxlength`	`maxLength`	最大长度
`readonly`	`readOnly`	只读属性
`style="..."`	`style={{...}}`	内联样式转对象
`<!-- -->`	`{/* */}`	注释语法