00:00
诶,关于这里,哎,我们为了使用统一的一个方法,就需要得到两个参数啊,第一个就是我们要存的啊,一个类型就是哎用户名啊,密码这些表单的。字段名对吧,那第二个就是我们要拿到对应的具体的值清楚吧,哎,之前我们为了得到这个event,所以我们就用了这种。颗体化的写法,让啊on去触发我们函数return的这个函数,这样我们得到event,让我们拿event不是重点,我们最重要的是要拿到这个值,对不对啊,其实也有办法去一次性传入两个参数,哎,那怎么来做呢?那这时候我们就不能这么去写啊,那就要改一改,哎,这个我们就留着啊,我们去复制一个啊,复制一个改一下啊二啊改成四吧。不用函数客体化的写法啊,哎,既然不用客体化了啊,那这些概念我就先删掉啊,嗯,不用的话呢,那这里我就。
01:08
呃,先注释掉啊,不那个函数了,也就是说我现在我想要这个函数,我传两个参数对吧?啊,一个传type,一个传value对不对啊,也就是说直接把我要传的这个字段名,哎,我要传的类型以及这个字段的值传进来。是吧,那我们怎么传,那这样的话,其实就不能让这个onnch去回调这个函数,对吧,去触发这个函数,因为on你如果去触发这个函数的话,我们是拿不到这个type,也就是说必须得我们手动去调用这个函数,然后传入这个指定的type和value,对不对?好,那我们在什么地方手动调用呢?那肯定还是得在这个事件触发的时候去调用,对不对,因为只有你这个事件触发,我们才能保证去拿到最新的一个值,好。接着我们回过头来再看一下这个on,这里面,哎,上节课我强调了多次,这里面我其实只要给它一个函数就可以了,对吧,我不管你这个你你加不加括号,哎,你函数执不执行,你最终反正一定要给我给我个函数对吧?那你加括号,你函数执行了,你最后你也得给我个函数,好,那既然你只是要一个函数,哎,只要一个函数作为你的这个回调函数,那我我直接给你个函数行不行,我直接就给你这么一个函数可以吧?好,那直接给它一个函数,它是不是会传一个。
02:29
对不对,好,那我在这个函数里面,也就这个函数。它什么时候会触发,是不是当这个ON7事件事件触发的时候,这个函数就会触发,对吧?那不信我们来写一个conslo个一来把这个给。回过来好,我们在这里输出这个一来看一下啊,啊或者是呃,直接输出这个啊问啊。啊,再加上这个点。看一下来运行一下,右键运行。
03:03
点错了啊。打开这个控制器来刷新一下啊好,那我输入一是不是拿到这个input了啊。对吧,不用管这个,呃,Background image不用管这个,这个是插件,有一个插件加进来了啊啊。看到了吗?是不是拿到这个对象了,好。嗯,这样的话,也就是说当我们这个ON7尼事件出发的时候,是会执行这个函数的,那我在这个函数里面,我不conslo,对吧,我在这个函数里面,我调用我自定义的这个方法可以吧,Save form data,那我这个方法我接要接触两个参数,第一个type type user侧name对不对?那第二个参数是value value是谁?我既然event我都能打印出来,那个我这个触发事件的事件源看到user侧name,那我是不是可以点歪去拿到它的值。T点它get.Y6,哎,这样的话你看。
04:03
我是不是在这个N函数触发的时候,它会执行这个函数对不对,但是在这个函数里面干什么,我们调用,哎,手动去调用我们自定义的这个函数,传入两个参数,一个是用户名,一个是呃,这个事件对象,哎里面的事件源的这个值对吧。看看哎,那我们来打印一下这个type啊,点log。以及这个value都打印一下啊。来刷新。111是不是拿到了,你看user name111对不对啊,那我直接把这个type和value直接存到这个。里面是不是就可以了。啊,这直接就是。Y6,是不是这样就可以了?对不对,好,同样的,我们把这个给密码一份。然后密码呢,我们这里改成pass。
05:00
来试一下啊,看一下我们的例子。1122登录。是不是拿到了啊,你去看组件的这个state里面也有啊。Password有的内是不是都有,哎,这样我们就写完了是吧,没有用客体化吧,没有没有这个函数,没有没有返回函数吧。啊,你来看一下是不是直接就对状态已经设置没有反应函数吧。对不对,哎,这个是我们直接,哎把这个函数啊,就是on change,它的回调函数直接定义到这个里面了,然后在函数里面我们去调用函数,用的是这么一个技巧,好接下来我们精简一下,我们这边呢,一般我们直接把event给传过去,要不然在这个这个里面就写的东西太多了,是吧。那这里就不是为了是event,那我们存的就是呃,Event点。Target get等于V6对不对?好,这里也可以精简一下啊,那既然只有一个参数,并且这个方法体里面只有一行代码的话,是不是一个括号可以省略?
06:01
对不对,然后这个括号是不是也可以省略呀。是不是这样的?啊,这个大括号省略掉啊,这个大括号也省略掉,那这个小括号。省略掉,这个省略掉。啊,这样就精简成这样了,来来看一下效果吧。输入个二二,输入AA是不是一样的,哎,那。大家可能有疑问啊,那我这个颗粒化的写法和这个不用颗粒化的写法,我到底开发中用哪种,哎,我跟你讲用哪种都可以啊。哎,都都都会用到,都比较常用,记一下怎么写就行了。清楚吗?因为这个像return这个函数啊,这种颗粒化的写法我们也见过很多,包括我们用的一些,比如说promise啊,这些东西我们也见过很多,对不对,那像这种的就是普通的一个写法,就是函数里面调函数嘛,对吧,我们这个N它触发了这个函数,这个函数里面我们调这个函数对不对,这种写法也比较常见啊,所以不要纠结用哪个都可以啊。
07:03
哎,这是我们不用客电话的一个写法,也是可以的啊。
我来说两句