前提・実現したいこと
ここに質問の内容を詳しく書いてください。
onChangeイベントにsetTime(e.target.value)を関数で与えるとvalueとtargetが定義されていないというエラーメッセージが出るのですが、なぜ定義されていないのかが分かりません。どうすれば解決できるのかとなぜエラーが出るのかを教えていただきたいです
valueはセレクトボックス内を指していると思ったのですが、違うのでしょうか。timeをconsole.logしてみたところ何も入っていませんでした。
学習を始めたばかりで詳しく解説してもらえるとありがたいです。よろしくお願いします。
発生している問題・エラーメッセージ
Uncaught TypeError: Cannot read property 'target' of undefined
該当のソースコード
javascript
1import React, { useState } from 'react' 2import Select from 'react-select' 3const Input = () => { 4 const [time, setTime] = useState('') 5 6 const options = [ 7 { value: "1", label: "1h" }, 8 { value: "2", label: "2h" }, 9 { value: "3", label: "3h" }, 10 { value: "4", label: "4h" }, 11 { value: "5", label: "5h" }, 12 { value: "6", label: "6h" }, 13 ] 14 const Change = e => { 15 console.log(setTime(e.target.value)) 16 setTime(e.target.value) 17 } 18 19 console.log(options.value) 20 console.log(time) 21 return ( 22 <> 23 <Select options={options} 24 onChange={Change} 25 value={time} 26 /> 27 <div>{time}</div> 28 </> 29 30 ) 31} 32 33export default Input;
試したこと
console.logで何が入っているかを確認した。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
react v1.22.10
windows10
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/04/28 04:42
2021/04/28 08:36