⚛️ JSON 转 React PropTypesJSON to React PropTypes
根据 JSON 示例数据生成 React 组件的 PropTypes 校验定义：嵌套对象生成 PropTypes.shape 或 exact，数组生成 arrayOf，必填字段自动加 isRequired。Generate React PropTypes from sample JSON: nested objects become PropTypes.shape or exact, arrays become arrayOf, and always-present fields get isRequired.
使用说明与常见问题How-to & FAQ
「JSON 转 React PropTypes」是什么？What is the JSON to React PropTypes tool?
根据 JSON 示例数据生成 React 组件的 PropTypes 校验定义：嵌套对象生成 PropTypes.shape 或 exact，数组生成 arrayOf，必填字段自动加 isRequired。Generate React PropTypes from sample JSON: nested objects become PropTypes.shape or exact, arrays become arrayOf, and always-present fields get isRequired.
如何使用「JSON 转 React PropTypes」？How do I use the JSON to React PropTypes?
粘贴组件 props 的 JSON 示例，填写组件名，下方生成 PropTypes 代码，复制到组件文件中即可在开发环境检查传入的数据。Paste a JSON example of the props, set the component name, and copy the PropTypes code into your component to validate props in development.
PropTypes 和 TypeScript 有什么区别？PropTypes vs TypeScript?
PropTypes 在运行时（开发模式）检查组件收到的数据并在控制台警告，TypeScript 在编译时检查。React 19 起函数组件不再执行 propTypes 检查，新项目更推荐 TypeScript，可以使用本站的 JSON 转 TypeScript 工具。PropTypes check props at runtime in development and warn in the console; TypeScript checks at compile time. React 19 no longer runs propTypes for function components, so new projects should prefer TypeScript — see the JSON to TypeScript tool.
shape 和 exact 有什么区别？shape vs exact?
PropTypes.shape 允许对象有额外的键，PropTypes.exact 遇到未声明的键会发出警告，适合严格约束数据结构。PropTypes.shape allows extra keys, while PropTypes.exact warns about undeclared keys — useful for strict data contracts.
「JSON 转 React PropTypes」免费吗？数据会上传吗？Is the JSON to React PropTypes free? Is my data uploaded?
「JSON 转 React PropTypes」完全免费，无需注册或安装，手机和电脑都能用；所有处理都在你的浏览器本地完成，输入的内容和文件不会上传到服务器。The JSON to React PropTypes is completely free with no sign-up or install and works on phones and desktops; everything runs locally in your browser and nothing you enter is uploaded.