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

简介: 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;
    };

进行表单数据的一个赋值

相关文章
|
11月前
|
前端开发 JavaScript UED
React 基础与实践 | 青训营笔记
React 基础与实践 | 青训营笔记
94 0
|
12月前
|
前端开发 JavaScript Java
React 速通笔记
【7月更文挑战第17天】
131 1
|
前端开发 JavaScript API
【第46期】一文了解React表单
【第46期】一文了解React表单
63 0
|
前端开发
React 表单与事件
React 表单与事件
|
前端开发 JavaScript
前端知识笔记(二十六)———React如何像Vue一样将css和js写在同一文件
前端知识笔记(二十六)———React如何像Vue一样将css和js写在同一文件
129 1
|
前端开发
前端笔记:React的form表单全部置空或者某个操作框置空的做法
在React框架前端开发中,经常会有弹出框的开发,涉及到弹出框,难免就会有表单。一般在关闭弹出框或者对表单联动时,往往都需要考虑对表单进行置空操作了。
191 0
|
存储 前端开发 中间件
React组件间的通信
React组件间的通信
101 1
|
前端开发 应用服务中间件 数据库
react服务端组件
react服务端组件
88 0
|
前端开发 JavaScript
快速上手React:从概述到组件与事件处理
快速上手React:从概述到组件与事件处理
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
275 0