React 组件生成器

输入组件名称与 Props,选择函数、箭头或类组件写法及是否使用 TypeScript,一键生成标准的 React 组件代码。

设置组件参数 等待输入

Props 每行一个,勾选 TypeScript 会额外生成 Props 接口定义。

生成结果
行数—
组件—
状态—
输入组件名称与 Props,点击“生成组件”获得 React 代码。

生成的组件代码可直接复制到项目中使用,全部在浏览器本地生成,不会上传任何内容。

使用说明
  • 生成在浏览器本地完成。
  • 支持三种组件写法。
  • 可选 TypeScript。
  • 输出可复制代码。
  • 全部在浏览器本地完成。