【react】react-formのsubmit前に確認or値を変更したい(日本語)

以前友達からreact-formのsubmit前にサーバーさんが値を変更して送って来て欲しいという依頼があってどうすればいいのか相談されました。
その当時react-formを使っていないので適当な参照urlを送りつけただけで終わってしまったのですが、
今回「友達からのコーポレートサイトを作って欲しい」案件にform要件があり、react-fomeを実装しました。
入れて見たところ、
「あ〜。これか。。」とreact-form視力が良くなりました。
ネット上にあまり日本語記事がないので記事にしました。

これは複雑に見えますが、やっていることは
onClick時にformApiを渡し、それを適切なタイミングで実行することです。
setStateのコールバックとしてsubmitしています。
またバリデーションが成功したら何かをする関数も付いています。