Reactで計算結果をリアルタイムに出力する例 (eGFRを例に)

JavaScript

最近、JavascriptライブラリであるReactを学習しています。
アジア圏ではVue.jsがよく利用されるそうですが、Facebookが提供するReactは全世界的にはよく利用されているようです。

練習で、eGFRを計算するツールを作成しました。
なお、計算結果などの結果についての責任については負えませんので、自己責任でお願いします。

eGFRについて

腎臓の働き具合を知るための数値です。
健康診断の結果に載っているかも…しれませんね。
医療の専門的知識をこのサイトで解説するのは適切ではありませんので、お手数ですが、Google検索で調べて下さい。

コードの例と実際に動くもの

数値は半角で入力して下さい。

See the Pen Reactリアルタイム計算(eGFRを例に) by Yuki (@yuki_m) on CodePen.

↑を新規ウインドウで開く場合は、こちらから。

 

Reactを理解する上でstate, props, JSXは重要です。
まだまだ勉強中ですが、何となく…理解できたかもない。

 

以上です。