JSON 输入区
JavaScript 定义导出

JS 类型定义与导出说明

支持的格式类型

  • React PropTypes:将 JSON 推导为 PropTypes.shape() 等 React 验证器。当选此格式时,“生成 import” 将输出 import PropTypes from 'prop-types';
  • Vue3 Props:将 JSON 推导为 Vue 3 的 defineProps({...}) 定义对象。支持 String, Number, Boolean, Array, Object 的原生构造函数映射。
  • 原生JS Export:直接将 JSON 数据转换为 JavaScript 对象字面量(移除合法键名的双引号),并根据“生成 import”开关使用 export default (ES6) 或 module.exports = (ES5) 导出。

额外选项

  • 必填项:开启后,React 会加上 .isRequired,Vue3 会加上 required: true。对原生 JS Export 无效。
  • 智能属性名转义:当键名包含横杠(如 "user-name")等非常规标识符时,工具会自动用单引号包裹。