react實戰筆記50:擷取表單資料2

// 建立三個變量，用來存儲表單中的資料
    let inputDate = '';
    let inputDesc = '';
    let inputTime = 0;


    // 建立一個響應函數，監聽日期的變化
    const dateChangeHandler = (e) => {
        // 擷取到目前觸發事件的對象
        // 事件對象中儲存了目前事件觸發時的所有資訊
        // event.target 執行的是觸發事件的對象（DOM對象）
        //console.log(e.target.value);
        inputDate = e.target.value;
    };

    // 監聽内容的變化
    const descChangeHandler = (e) => {
        // 擷取到目前觸發事件的對象
        // 事件對象中儲存了目前事件觸發時的所有資訊
        // event.target 執行的是觸發事件的對象（DOM對象）
        //console.log(e.target.value);
        inputDesc = e.target.value;
    };

    //監聽時長的變化
    const timeChangeHandler = (e) => {
        // 擷取到目前觸發事件的對象
        // 事件對象中儲存了目前事件觸發時的所有資訊
        // event.target 執行的是觸發事件的對象（DOM對象）
        //console.log(e.target.value);
        inputTime = e.target.value;
    };