00:01
啊,还有一个什么东西呢,就是大家可能去看一下,诶,这里面有一些有一些问题是不是要给它解决掉啊,是不,当然我们不是问题,我们先把这个问题解掉,我再跟他说来我们这个left level里面有一个but没有被什么使用,先把这个问题解掉,我再说我要做的事情啊。Level里面引入了一个button,但我一直什么没有用,那我应该给他什么去掉?啊,接着说我们的哪个组件呢?啊,Hand里面有一个hi,他觉得我的这个说一下,他觉得我的A标签写的不是特别好,就是我们平常为了简化就是形成一个链接,但又不不是真正链接,看起来下链接是不是,但我是把它作为链接的功能使用吗?不是。能听懂吧,这种情况他说不太好。
01:02
这个时候啊,我们应用中有特别多的这种情况,看起来是个链接,但我没把它当成真正链接使用,这个时候应该要去写一个通用的自定义组件。我要怎么做呢?我可以用button来做,能不能用一个H加button,给它封装成一个看起来像A标签的一个样子,可以吧,加样式是不是就可以了,来做一做我们的这个效果其实在应用中很多啊,也就是说我们现在要去做一个事情,封装一个通用的组件,当然不是路由组件,是不是来我给它取个名字看好了。我叫他宁可,But,什么意思?就是看着像链接的一个按钮,嗯,懂不?嗯,好,那我这个地方是不是要建一个JSX文件。啊,名字叫什么呢?Index,就我们不是说component里面所有都是这么取名的吗?当然我们是不是要写点自己的样子。
02:08
那就来一个什么index点没意是吧,而且我们的这个里面肯定会引入他吧。嗯。没理不好,我们的这个组件是没有状态的,我这我们前面是一直在用内来定义组件。这一次,我们来用函数来定义组件看看。可以吧,多种方式都练一练,当然用那定位肯定也可以吧,只是我们用一下函数定义方式来,那我的这个呢,就叫link什么呢?Button函数定义的组件接受了一个什么pro,而最终是不是return一个结构,我们说是用什么来做一个链接的效果,Button,记住就是一般的button。
03:02
听懂了吧?能理解不能理解好这个地方啊,来看到我里面先先不先随便写一点东西,随便写个东西啊,当然最后不是这么写的,我们看怎么用它。当然我们现在还没写好啊,我们看下怎么用,这个就是一个啊,呃,外形。嗯,像什么呢?像链接的什么按钮,听懂了吧?好,来我们看看,先看看怎么用,再来去写你们的实现啊来回到这里来。说白了,就这样的。当然我需要去干嘛去引入是不是?啊,点点斜杠啊宁把下面的啊,够了,因为它是代词,没问题吧,没问题,好,也就是说我现在写这个宁可button,并且向宁可button传入了一个属性吧。
04:11
是不是传入了一个标签体文本吧?真的不,而这些东西应该传递给谁去?想想你说白了,这个点击监听应该安,应该加水上啊。是不是加在八身上能听懂,不也就是说我这里面是不是介绍的属性,这个属性要接着传给谁去。市场的爱。怎么说呢?这个里面它是一个包含所有接收属性对象吧,其实应该这么写,因为我也说实话,我也不知道他会传什么,哎,对这个时候三点就非常有用。这个语法用过吗?用过了吧,这里面实际上是不是去把那个我们这一下所有属性拆开分别使用传给八对不。
05:09
而且我要告诉人家,这个这个我能这么写吗?不能,这个文本是多少我能确定吗?不能,是不是外部来确定的,其实这个标签体的内容也是会成为他的一个属性。也会是个什么属性。求证属性。我们怎么看出来很简单。来看一下我们的,看一下就知道啊,这东西没什么太多好说的。说完以后主要是还是要看,你看有退出这个文本看到了吗?好,我们现在是不是要通过工具来看一下啊。看好啦。工具来看一下,找一下谁了。好,找一下宁。你看一下这个link button接收了两个属性,一个属性叫安利,这个很简单,因为我就通过属性传的。
06:06
重点在于我这里有个什么属性children,而children成的是哪个值,就是它的标签体现在我的标体是不是个文本,那我的标签体,也就是说我这个宁可button在写的时候不就写了一个文本吗?大家有没有可能写的是另外东西,比如说写的是一个假设,是一个失败。能听懂不,那也有可能,是不是两个失败?为什么他叫children不叫cheer?是不是有可能有多个子节点?当我当前只有什么一个子节点,而且是个什么节点文本件,不管是什么,反正这个东西会作为什么属性传给他呢?求准。能听懂吧,这个children啊,就是用来去接触的,就是这个标签的子节点。
07:05
当然这个直接点可能是多个是不是。好,来,那下面我们唯一的问题是什么?这个样式太难受是不是,所以我们是要写一点自己的什么样式,那我得搞个什么,搞个class类指定类名啊,是不是我就叫他宁可干什么就可以吧。可以,那我是不是进到这里面去写呀。哎,这里面没有空格。这里面只要有空格啊,好,来,我们来写一写怎么写的。首先背景颜色要是一个什么颜色,包括边框是吧?啊背景颜色BG很多事情可以做BG color搞个透明的颜色就可吧,各位好,还有边框有吗?没有啊报的。
08:01
等于什么,那看一下。是不是好多了,但是有个事情,有些事情啊,大家注意观察。那这是什么轮廓?这个东西叫轮廓,是不是把它轮廓一个什么去掉,轮廓什么outline等于什么?是不是还有一个事情,这个得变成一个绿色,是不是啊,绿色来一个什么color啊,来个绿色啊,就这个吧。还有我们链接一个特点,是不是方上去变成手啊,怎么说呢,Cos等于。能听到不啊,这样我们就写出了这样一个东西。没有多大难度吧,那以后用起来就很轻松了,对不对,也就是说以后我想形成一个类似于链接,但是不用是真正链接的一个效果的话,只需要用谁我们的这个in。
09:09
是吧?这就是做出了这样一个通用的组件,到时候可以反复使用,那当然我们的功能还是达功能是一样的。嗯,那这样我们就花了半天时间,把我们的这个头部组件给它实现了啊,那下午时间大家需。
我来说两句