00:00
来下面呢,我们来看一看,看一个事情。看一个什么事呢,我们刚才提过,就是我点我点提交的时候,我要去收集我已上传的图片的名称的数组吧。现在我的那个表单能自动收集吗?对吧。这个地方前面是不是都是通过我的这个form对象,是不是就能帮我自动收集啊,来看一下,我们最终呢,是有一个提交的一个回调函数在这里面,这个Venus是不是就是包含了我们表单里面收集的一些数据。能他能收集哪些数据啊,刚才我们说过。来,能收集内吧,能收集DC吧。呃,能收集price吧,也能收集这个数组是不是都能收集,但是。这个他很纠结。
01:03
这个他米note。那得怎么做呢?这个地方就说涉及到一个问题了,这是父组件,当前这个是父组件,而这一个是子组件,那子组件里面是不是有一个。有一个数据。我复制件是不需要。是不是?能听到不,那这个时候我是不是点击那个提交案的时候,需不要去读啊。我就别别怎么做了,别急,实时的传了,我就读一次就行,我想做一个什么事呢,我想这么做。点击副组件按钮的时候,在回调函数里面去读取这个子组件的。数据这能读吗?嗯,我点击提提交的时候,在那回调函里面去读这个里面的数据啊。能读吗?是不是?不能读啊。
02:00
那这就要说一个事情啊,说一个事情什么事情呢。安。我们这个大家看好了,这个子组件对象里面是不是有一个fair的数据。我可不可以去提供一个方法叫比如说叫get I'm GS。看好了,Get I'GS这样一个方法。那这个方法用来干嘛的呢?用来获取所有已上传图片啊,文件名的。速度。听到不好看好了,这个非常简单,因为我的状态里面是不是有一个。但是他的这这是个数组吧,但这个数组满足我的需求吗。是把所有文件名的一个图片环境面数组吗?不是,那所以我要去调用它的什么呢?卖的方法来映射一下,每一个都是个费尔,其实非常的简单,来这中文的啊。
03:12
就是feel点内。这个name不就有图片文件名吗?那最终返回出去的是不是就是我们的?图片文件名的速度。下一步是。这不对不对啊,那既然对,那我就有个事情了,相当于现在转化成了这是父组件,这是子组件,子组件里面是不是有一个方法。那我的副组件调用这个方法是不是就得到了数据?大家看看啊,我们的复制线只要想办法调用这个方法,不就得到了数据了吗?那就一个问题。啊,这里面涉及到一个问题,负组件如何去调用子组件的方法。
04:00
大家看啊,有两个,一个是子组件,就要用什么呢?父组件的方法,这个咱以前一直搞。是吧,这个是经常用的。加什么?这样方法,负数解的方法,附组件的方法,以什么函数属性的形式,函数属性的形式传递出。传递给是不是子乳液,那子乳液就可以调用啊,子乳液就可以调用,这是咱以前拿做的吧,那这样是不是实际上是子组件去调用负组件的方法。没问题吧,没问题,那现在我们说的意思是说什么对父组件调用什么子组件的方法,大家都是对象啊,都对象的方法利用好,那这个时候就要说一个事情了。
05:03
能通过上面的方式搞吗?不能,你说传递大家想啊,那有人说老师我可以将子组件的方法以属性传给副组件了。这是父组件,这是子组件,把子组件里面的方法传到父组件,通过属性的形式能传吗?为什么不能穿?为什么不来?这个来说组件父子关系怎么确定呢?父组件跟子间。我们说什么呀,一个一个A,比如说这外面有一个A组件,有一个B组件,我说B组件是A的子组件。那说明你那这个关系是怎么确定的。A组件内部有B组件标签。是不是?就说B组件是组件的子组件。是不是?
06:01
是A组件里面有B组标签吗?那B组件里面有A组件标签吗?没有。有时老师万一有了。那有还是父子关系吗?是有,就是说A里面有B,是不是说明A是负B是指那B里面要有A了?那B就是出来。我们现在说的是A是负吧,B是指,那说明必然是A里面有什么。B标签吧。是不是?那有标签是不是可以传标签属性。是吧,你没有标签呢。你能传标签属性吗?不能,那所以说我能通过标签属性来传递这个方法吗?不能嘛,是不是。那这个就要要说那这个怎么做呢?这个其实好做。这个地方主要大家不不知道一件事情,什么事。标签对象就是组建对象。
07:03
什么意思啊?就是只要我能得到这个标签对象,大家知道我们前面是不是通过ref去读过标签对象的。最简单。的办法就是给他取ref等于一个名字,但是这种办法虽然说比较过时了啊,他不太建议使用,但是是特别简单的一种语法。我有假设,我先这么想啊,我这么写,以后假设我这个写个减叫PW吧。那我通过这一个名字是不是可以找到这个标签对象。标签对象就是组建对象,你说下不该干嘛?对象上面去调用哪个方法。Get IM GS吗?只是说现在里面建议的if用法不是这么用的。那也就是说现在啊,其实非常简单,就是如果要实现这一点,就是通过在副组件中。
08:03
通过if得到什么呢?子组件标签对象。干嘛去的?调用其方法,这地方其实就有个前提,你要知道一些事情就只组建标签对象,也就是哪个对象,我们常说的组建对象,当然组建对象组的是组建的实例对象,对不对,肯定不组建内涵。好来,那那个if的用法我要忘了,我该怎么办呀?看文档来看大家能不能知道那个文档的所在啊。首先我们要去找到什么,React,接着啊,快速开始。嗯,这个地方呢,有核心概念以及高级索引,但后面如果想做开发,这里面的所有的基本上都要去。
09:00
看个两三遍。啊,这是官方提供的一些文档,是比较精确的一些文档,比较好的文档,来这地方有一个叫I啊语动。其实这个里面就在说if相关的问题。啊,它if FS提供了一种方式允许我们去访问什么呢?冻结点。啊,他现在推荐的方式是怎么用的呢?这个语法稍微有点流程有点多,分为三步。分为三步,我就不看它了啊,因为他写的比较隐晦一点,来第一步啊,先要去创建一个容器。啊,而且一般在这里面,在这个construction里面去准备。很少写是吧,因为主要是我们现在state是不是直接这样初始化的来记住这是第一步,要去干嘛呢?创建用来保存ref标识的啊,标签对象的容器,那这个怎么创建呢?是react,它有一个方法叫create。
10:19
来说一下,叫create。实际上是创建的是个容器对象啊,把这个容器对象呢,保存到。大家看看啊,把这个容器对象保存到组件对象的某一个变量上,某一个属性上,能听懂吧,那一上来我们的组件对象是不是有了这样一个容器属性。好,那个容器属性下一步要去告诉给谁了,告诉给你要查找那个元素,那个标签。我们最后啊,需要找的是谁,大家看好了,需要找的是我们的这个组件标签对不对。
11:06
来8.8就它呗。啊,不这么写的。这么写的。我看看是一个什么名字来着,PW。记住,这个PW本来我就已经有,知道吧,是个容器。啊,是个容器,而这么交给他一个容器,它就会自动的把这它的实力塞到那个容器里面去。啊,最后访问怎么访问呢,大家看到了。This点。这个就是那个名字,刚才取那个PW。听懂了吧,点什么看的也就这个,是不是得到容器对象,而容器对象里面是不是用来去乘那个动物元素的。存那个动物元素,而它存的是是不是以这一个固定的名字来存的。所以说它一共其实是分为三步,说白了现在我们看好了,我们再去提交的时候。
12:08
这个得到的是它form对象是不是控制的一些表单数据。除了这个,我们是不是还想去取啊?看好了,我们z.PW这是容器的一项法,它的一个属性叫什么呢?叫current。得到那个。组建标记对象的吧,它有一个方法叫什么get img?能听到吧,那这个时候我是不是读到了什么。是不是一个数组叫IMGS,我可以去干嘛?是不是打印这个速度imgsm GS。能听到吧。好。那现在呢,我们就可以去看一下,看看我们的这个是不是这样的啊。
13:03
其实同时也是复习一下if的用法啊,这个在开发中还是有用的。来,注意观察。来一个。再来一个是吧。好,够了,差不多来在这里面指定A指定B啊,指定12啊,指定一个分类,就图书吧,这样比较简单一点,把它清掉好来。顶加去吧,走你。看一下。我们这个地方啊,最终得到的是不是就是这个数组。看到了吧,而且这个数组里面是不是有两个元素。就两张图片吗?两个图片是不是有两个图片文件名。到时候我这个IMGS的这个数据是不是要提交后台去添加商品。可以可以了吧。
14:02
这里面啊,在这过程中主要是说了两件事情啊,第一件事情是这个事。涉及到两个技术点,说白了就是明天一个东西等一些技术点。啊,就是子子键调父子间的话,或者父子键去调什么子子键的方法。第二个事情就是if的用法啊,你知道用if,但是if怎么用,这个不用太背,其实啊,你不用太去太去背,你你要有一种能力,就是根据文档去学习的能力。这样我们是不是可以去收集我们的这个图片数据,上传的图片数据是吧,那后面就好办了。这能听懂吧?嗯,好。
我来说两句