100% ローカル — データがブラウザの外に出ることはありません

JSONからReact PropTypesを生成 — ブラウザ完結の無料ツール

JSONからReactのPropTypes定義をブラウザ上で即座に生成します。無料・登録不要で、データが端末の外に送信されることはなく、すべての処理がブラウザ内で完結します。

高速 プライベート Cookieゼロ

JSON 入力

PropTypes 出力

JSONをPropTypesに変換する理由

レガシーなReactコンポーネントでは、propsの検証にPropTypesがよく使われています。上のフォームにサンプルのJSONペイロードを貼り付ければ、フィールドを1つずつ手書きする代わりに、すぐに使えるPropTypes.shape定義が一瞬で得られます。

仕組み

このコンバーターはJSONをローカルで解析し、ネストされたPropTypes.shape宣言を構築します。値がnullのフィールドを除いてすべてのフィールドに.isRequiredが付くため、生成されたバリデーションはサンプルのペイロードと一致します。

よくある質問

JSONデータはサーバーにアップロードされますか?
いいえ。変換はJavaScriptによってブラウザ内だけで実行されます。ネットワークには何も送信されないため、機密データでも安心してご利用いただけます。
必須のpropはどのように判定されますか?
サンプル値がnullのフィールドを除き、すべてのpropに.isRequiredが付与されます。
このツールはどのような人向けですか?
主に、TypeScriptではなくPropTypesでpropsを検証しているレガシーなReactコンポーネントを扱う場合に役立ちます。

関連ツール