React再学习3_事件

react

React再学习3

事件的绑定:

方法1:

这是官方推荐的方法,我们在构造函数中定义事件名,然后将其绑定到我们构造的方法。然后再调用的时候就调用构造函数中定义的事件名

方法2:

绕开了方法1比较繁琐的绑定方式,直接在点击事件处进行绑定和使用

方法3:

或者用更简便的箭头函数

tab点击事件例子

样式:

前面的是比较基础的样式和属性,属性这里,我们有tabs,和currentIndex,currentIndex用来存储当前我们所选中的标签的id

1为我们生成标签的代码,2位生成下面内容的代码。

1,2都是通过map来生成对应的标签。但是2在返回时进行了相应的过滤,只显示我们需要的id的标签的内容。

3是我们点击标签时的时间,传入了我们点击时候的标签id,而在它绑定的事件里面,则更换当前的标签id。

4是我们根据点击的标签id,为他设置不同的布局。

6为为了适配多个标签,我们把width动态设置百分比。

事件冒泡

react中对时间冒泡的操作和原生的差不多,都是通过事件对象event去操作

以上是 React再学习3_事件 的全部内容, 来源链接: utcz.com/z/384020.html

回到顶部