Next.jsで<input>に入力した数値を計算してから表示したいがundefinedとなる
Next.jsでTypeScriptを用いて<input>に入力した数値を読み取り、計算してJSXに返すことをしたいのですが、関数内のconstの数値が読み込めずundefinedになってしまいます。関数内のconstの数値を読み込む方法はあるのでしょうか。解決法のご教授をよろしくお願いいたします
発生している問題・エラーメッセージ
Server Error ReferenceError: year is not defined
該当のソースコード
JSX
1const Input: FC = () => { 2function onChange1(event: React.ChangeEvent<HTMLInputElement>) { 3 const year:number = Number(event.target.value); 4} 5 6function onChange2(event: React.ChangeEvent<HTMLInputElement>) { 7 const month:number = Number(event.target.value); 8 } 9 10 const Alltime = Math.floor(year*12+month); 11 12return(<> 13<input type="number" size="5" placeholder="1" onChange={onChange1}/>年 14<p>{Alltime}</p> 15</> 16); 17} 18export default Input;
試したこと
const onChange1 = (event: React.ChangeEvent<HTMLInputElement>) => {
const year:number = Number(event.target.value);
}
const onChange2 = (event: React.ChangeEvent<HTMLInputElement>) => {
const month:number = Number(event.target.value);
}
とし、constの入れ子を試みましたがが同様に読み込めませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/08/22 03:11