react实战笔记50:获取表单数据2

标签：触发 target DOM 对象 50 value 表单 react 事件

// 创建三个变量，用来存储表单中的数据
    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;
    };

进行表单数据的一个赋值

标签：触发,target,DOM,对象,50,value,表单,react,事件
From： https://blog.51cto.com/u_15460007/6051751