Reactガイドを読んでいくその15

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

state のリフトアップ

変換関数の作成

昨日の続きです。 摂氏と華氏、いずれかの値に入力があった時に、変換してどちらかの表示をするようにします。

華氏の入力を摂氏に変換
function toCelsius(fahrengeit) {
    return (fahrenheit - 32) * 5 / 9;
}

摂氏の入力を華氏に変換
function toFahrenheit(celsius) {
    return (celsius * 9 / 5) + 32;
}

単純な計算では見栄えが悪い計算結果が変えてくることが考えられるので、
いい感じに四捨五入する機能も追加します。

function tryConvert(tempreature, convert) {
    const input = parseFloat(temperature);
    // コンバートできない場合は空の文字列を返す
    if (Number.isNaN(input)) {
        return ' ';
    }
    const output = convert(input);
    const rounded = Math.round(output * 1000) / 1000;
    return rounded.toString();
}

明日は仕上げになります。

今日はここまで。