如何在没有构造函数的情况下将 React 组件的函数绑定到“this”?

2024-02-01

正如许多人所知,this.someFunction = this.someFunction.bind(this)可以在 React 类组件中使用。然而,有时为非常简单的组件创建类是很麻烦的。那么,如何将函数绑定到this没有创建一个类?


使用箭头功能箭头函数 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在没有构造函数的情况下将 React 组件的函数绑定到“this”? 的相关文章

随机推荐

  • 通过递归查找数组中最大的正整数

    我决定以递归方式实现一个非常简单的程序 看看 Java 处理递归 的效果如何 但结果有点短 这就是我最终写的 public class largestInIntArray public static void main String arg
  • Google Maps API v3 SVG 标记消失

    我正在使用 SVG 路径表示法来使用 Google Maps API v3 创建标记和折线 有时 添加一些标记后 它们就会停止在地图上显示 如果我平移地图 即使只是 1 像素 它们也会再次显示 SVG markers stop showin
  • StackTrace 类方法在发布模式下不起作用

    下面是我用来记录错误详细信息的代码 StackTrace sTrace new StackTrace true string functionname Environment NewLine MethodName sTrace GetFra
  • 禁用 apache mod_proxy_balancer 上的粘性

    我想配置 Apache Web Server 以满足以下要求 在 server1 工作时访问它 仅当server1没有响应时才访问server2 当server1响应时 再次访问server1 为此 我尝试使用 mod proxy bala
  • 使用 Kotlin 序列化反序列化通用对象

    我正在尝试用以下方式替换 Gson 库科特林序列化 https github com Kotlin kotlinx serialization处理 JSON 序列化 反序列化 我在反序列化通用对象时面临一些问题 我设置了一个简单的示例来说明
  • 比较 GIT 裸存储库和 bitbucket 存储库

    如何确保我的裸存储库和我的 bitbucket 存储库相同 我做的第一件事就是查看日志 但这可能还不够 对吗 创建本地存储库 为您的裸存储库添加远程 为您的 bitbucket 存储库添加远程 从两个存储库中获取 验证相应的分支是否指向相同
  • 如何在 Highcharts 中创建堆积图图例的表格?

    这是 highchart 中堆栈图的 javascript 代码 legend align right x 70 verticalAlign top y 20 floating true backgroundColor Highcharts
  • 如果脚本失败则引发异常

    我有一个 python 脚本 tutorial py 我想从文件 test tutorial py 运行此脚本 该文件位于我的 python 测试套件中 如果tutorial py执行没有任何异常 我希望测试通过 如果在执行tutorial
  • 自动从启动屏幕快速 UI 导航到另一个屏幕,并带有延迟时间

    我是 IOS 和 Swift UI 的新手 在启动屏幕后无法导航到登录屏幕 我如何导航到登录屏幕 请帮帮我 我真的很感谢你们的所有回答 import SwiftUI import Dispatch struct SplashScreen V
  • 将docker容器中运行的tomcat webapp连接到mysql

    我有 mysql 服务器在 centos 主机上运行 我想在同一主机的 docker 容器内的 tomcat 中部署我的战争 知道如何从容器内部连接 mysql 吗 以下是从应用程序 tomcat 连接到数据库 mysql 的操作 有两种方
  • Rails、Slicehost、Capistrano - 部署端口问题

    当我尝试通过以下方式部署我的应用程序时 出现端口错误 cap deploy cold 错误 ssh connect to host domain com port 22 Connection refused 我的deploy rb 在适当的
  • ASP.NET Core 2.2 Razor 页面中的自定义路由

    我在 ASP NET Core 2 2 应用程序中为 Razor Pages 设置路由约定时遇到问题 我正在从传统 MVC 迁移到 Razor Pages 我正在使用文档中建议的标准页面文件夹结构 但我想稍微自定义生成的路由 例如 在 Pr
  • 为什么我的 Eclipse 一直没有响应? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我正在使用 Eclipse 有时它会冻结并停止响应 其他人也有遇到同样的状况吗 当我点击一行代码时通常会发生这种情况 无论是 Java
  • ./studio.sh 之后 Android Studio 错误

    After studio sh在终端中我收到此错误 tools jar 不在 android studio 类路径中请确保JAVA HOME指向 JDK 而不是 JRE 我谷歌了一下 每个人都这么说 您需要将环境变量设置为 JDK 路径而不
  • MouseEnter WPF 上的发光效果

    我是 WPF c 新手 我需要使用图像控制周围的发光效果triggers 我怎样才能做到发光效果mouse enter事件 我想按照我的风格使用你的答案 我的效果是
  • Facebook 登录 onClick - Javascript

    我的网站上有这段代码 Facebook 登录对话框是在我的页面加载时显示的 而不是在用户单击锚标记时显示的
  • 如何在 Ruby 中逐行读取大型文本文件并将该流逐行追加到文件中?

    假设我想将几个大文件合并为一个 然后uniq 那个 光是这个就可能需要一秒钟的时间 我的理解是File readlines 将所有行加载到内存中 有没有办法逐行读取它 有点像node jspipe 系统有效吗 Ruby 的一大优点是您可以在
  • JavaScript 杂货清单

    我正在尝试创建一个杂货清单程序 现在我只是在做一些基本的功能 将商品添加到我的购物清单中 从购物清单中删除商品 查看购物清单以及标记我是否已拿起该商品 我困惑于如何让 标记 功能正常工作 这是我的代码 var groceryList fun
  • 如何在reactjs中设置背景图片?

    我有一个 ReactJS WebPack 应用程序并尝试为其设置背景图像body tag body background url images some background jpg background size contain back
  • 如何在没有构造函数的情况下将 React 组件的函数绑定到“this”?

    正如许多人所知 this someFunction this someFunction bind this 可以在 React 类组件中使用 然而 有时为非常简单的组件创建类是很麻烦的 那么 如何将函数绑定到this没有创建一个类 使用箭头