原文:react事件中的this指向

在react中绑定事件处理函数的this指向一共有三种方法,本次主要总结这三种方式。 项目创建 关于项目的创建方法,在之前的文章中有记录,这里不再赘述,项目创建成功后,按照之前的目录结构对生成的项目进行调整,新建一个Home.js组件,并在App.js中引入该组件。 Home.js App.js 基本事件方法 首先以点击事件为例,需要有触发事件的点击按钮,需要有事件执行方法,具体写法如下: 当我们 ...

2018-12-12 21:32 0 2893 推荐指数:

查看详情

React之函数的this指向

我们都知道在React中使用函数时,有两种写法,一是回调函数,二是直接调用,但需要在构造函数绑定this,只有这样,函数的this才指向本组件 总结一下没有绑定this的函数的this指向 不管是在本组件的元素上调用的函数还是传递给子组件的函数 ...

Mon Nov 12 00:16:00 CST 2018 1 1247
react总结之事件(this指向与ref)

起来。   一、确定this指向   在react事件处理尤为要注意this的指向问题,jsx类的实例方法默 ...

Mon Sep 07 20:29:00 CST 2020 0 569
react解决this指向问题的四种方法

一.行间定义事件后面使用bind绑定this 这一种方法使用bind来修改this的指向,需要注意的是bind括号内第一个参数是修改this的,后面可以设置其他参数进行传值。 二.在构造函数内部声明this指向 第二种方法和第一种方法原理一样,只是写 ...

Sun Jan 05 07:52:00 CST 2020 0 1054
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM