TemperatureInput.jsx

const scaleNames={
    c:"섭씨",
    f:"화씨",
};

function TemperatureInput(props){
    const handleChange=(event)=>{
        props.onTemperatureCahange(event.target.value);
    };
    return(
        <fieldset>
            <legend>
                 온도를 입력해주세요(단위:{scaleNames[props.scale]});
            </legend>
            <input value={props.temperature} onChange={handleChange}></input>
        </fieldset>
    )
}
export default TemperatureInput;