reactでフォームを簡単に作成できるreact-jsonschema-formをもっと簡単に利用する便利ツールについて、その荒い流れ
- formData(注)のjsonからJSONSchemaを作成する。(ツール1)
- JSONSchema・UISchema・formDataを詰める。(ツール2)
- reactに乗せる。
- フォームできる。
(注) 下記react-jsonschema-formにおけるformData。formの入力例をjsonにしたもの。
参考ページ
http://qiita.com/pirosikick/items/f4c010e5914caec13808
大感謝。ここに書いてある通りにやればよい。
便利ツール これを使わないと無理
無理ではない。一からJSONSchema作るのは正気の沙汰ではないが、ツールを知らずにそれをしていた。
-
JSONSchema.net
http://jsonschema.net/#/#top
ここでjsonからjsonschemaを作成=>調整する。
各言語から変換するツールもある模様。 -
react-jsonschema-form
https://mozilla-services.github.io/react-jsonschema-form/
Github Pagesのデモページ
JSONSchema・UISchema・formDataを入力すると、画面右に生成したフォームを表示してくれる。サンプルもたくさんある。
ここで十分詰めておくほうがよい。
エラーの原因も分かるので、後に詰まったりしたらここで確かめる。