资讯专栏INFORMATION COLUMN

react中bind函数传参问题

caoym / 1047人阅读

摘要:以事件为例代码电子邮箱注意最后一行,的参数为,你要传的参数代码如何接收参数中输入的值

以input事件为例:

html代码:

注意最后一行,bind的参数为(this,‘你要传的参数’)

js代码如何接收参数:

checkEmail(name,evt) {
    console.log(name);                 //flagAddEmail
    console.log(evt.target.value);     //input中输入的值
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/103104.html

相关文章

  • 手挽手带你学React:二档 React生命周期以及组件开发

    摘要:手挽手带你学入门二档组件开发的开始,合理运用生命周期和组件,能够让你的开发变地流利又这篇文章带你学会创建组件,运用组建。 手挽手带你学React入门二档,组件开发的开始,合理运用生命周期和组件,能够让你的开发变地流利又happy,这篇文章带你学会创建组件,运用组建。学起来吧! React 组件生命周期 学习React,生命周期很重要,我们了解完生命周期的各个组件,对写高性能组件会有很大...

    izhuhaodev 评论0 收藏0
  • react 和 小程序 对比

    摘要:主要从以下几个方面对比下和微信小程序生命周期小程序页面加载时触发。数据绑定小程序中的动态数据均来自对应的。例如显示与隐藏元素小程序在微信小程序中使用和来控制组件的显示与隐藏。 主要从以下几个方面对比下react和微信小程序 生命周期 react 小程序 onLoad: 页面加载时触发。一个页面只会调用一次,可以在onload的参数options中获取打开当前页面路径中的参数。 ...

    Lowky 评论0 收藏0
  • react关于事件绑定this的四种方式

    摘要:在组件中,每个方法的上下文都会指向该组件的实例,即自动绑定为当前组件而且还会对这种引用进行缓存,以达到和内存的最大化。 在react组件中,每个方法的上下文都会指向该组件的实例,即自动绑定this为当前组件,而且react还会对这种引用进行缓存,以达到cpu和内存的最大化。在使用了es6 class或者纯函数时,这种自动绑定就不复存在了,我们需要手动实现this的绑定以下是几种绑定的方...

    张利勇 评论0 收藏0
  • React应该如何优雅的绑定事件?

    摘要:前言由于的灵活性,我们在中其实有很多种绑定事件的方式,然而,其实有许多我们常见的事件绑定,其实并不是高效的。所以本文想给大家介绍一下绑定事件的正确姿势。相当于,每次都会创建一次事件函数。看到这里,你也知道到底应该如何绑定事件了。 前言 由于JS的灵活性,我们在React中其实有很多种绑定事件的方式,然而,其实有许多我们常见的事件绑定,其实并不是高效的。所以本文想给大家介绍一下React...

    wpw 评论0 收藏0
  • 面试官问:能否模拟实现JS的bind方法

    摘要:点击那么面试官可能会问是否想过到底做了什么,怎么模拟实现呢。另外前不久写过一篇文章面试官问能否模拟实现的操作符。所以相当于调用时,的返回值函数内部要模拟实现实现的操作。文章中的例子和测试代码放在中模拟实现。 前言 用过React的同学都知道,经常会使用bind来绑定this。 import React, { Component } from react; class TodoItem ...

    Julylovin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<