在React组件中，我应该在哪里将参数绑定到onClick函数？
在React组件中，可以将参数绑定到onClick函数的地方有多种选择，具体取决于你的需求和代码结构。
- 在组件的render方法中绑定参数：
- 在组件的render方法中绑定参数：
- 在render方法中，通过箭头函数将参数传递给onClick函数。这种方式每次渲染组件时都会创建一个新的函数，可能会导致性能问题。
- 在构造函数中绑定参数：
- 在构造函数中绑定参数：
- 在构造函数中，通过bind方法将参数绑定到handleClick函数。这种方式只会在组件初始化时绑定一次，避免了性能问题。
- 使用类属性语法绑定参数：
- 使用类属性语法绑定参数：
- 使用类属性语法，将参数直接绑定到handleClick函数。这种方式也只会在组件初始化时绑定一次。
无论选择哪种方式，都可以根据具体情况将参数绑定到onClick函数。在处理点击事件时，可以通过参数来获取传递的值，并进行相应的处理。
腾讯云相关产品和产品介绍链接地址：
相关·内容
因此，在组件<Button doStuff={doStuff} />示例中class Button extends Component { }但从以下几个方面不能确定哪个性能更好：这是一个
浏览 3提问于2017-02-24得票数 0
={this.doNothing}>I do nothing xD</button>}
类组件应该始终使用支持调用
浏览 0提问于2018-08-06得票数 0
回答已采纳
1回答
我有一个项目在反应和还原。它包括一个通过用户输入形成的表，因此用户将信息添加到文本字段中，然后将这些信息作为行添加到表中。我希望能够单击其中的每一行来调用一个相当基本的函数(它对于所有行都是相同的函数，并且不改变状态)。该功能包括如下内容：但是，当我单击行时，什么都不会发生！任何建议都将不胜感激！
浏览 2提问于2017-09-09得票数 1
回答已采纳
我有一个非常简单的React组件，我在其中将onClick事件的回调传递给子元素；但是，onClick事件似乎从未触发过。下面是类，正确地导入/呈现了HamburgerMenu和Hamburger，这些组件上不存在任何事件。export default class AppHandler extends React.Component { this.state = {this.menuO
浏览 1提问于2015-09-18得票数 7
回答已采纳
我想在同一个类中调用该方法。例如，当我单击一个按钮时，它将触发方法handleLoginBtnClicked()。我希望它会在同一个类中调用方法checkInputValidation()。export default class LoginCard extends React.Component {
//If I click a button, this method will<LoginBtn onClick={this.handleLoginBt
浏览 0提问于2016-06-28得票数 8
回答已采纳
是我用ReactJS制作的todo应用程序。我无法正确删除待办事项。例:如果我点击删除‘购买袜子’，它将删除'Oi他们‘。如果我试图在调试器中检查我的列表状态，它就删除了正确的ToDo。
我上传的代码到，它是用创建-反应-应用程序应该是非常容易安装。根据我所理解的，在TodoList状态中删除的todo条目不移除已删除子元素的状态，因此
浏览 6提问于2016-10-06得票数 0
回答已采纳
1回答
我有：import FilterButton from './actions/jobs-screen/FilterJobsScreen';
FilterButton：
import React from &
浏览 4提问于2016-04-19得票数 1
回答已采纳
2回答
我正在使用React，我看到一个常见的做法是绑定构造函数中的函数，我也想使用它。不过，我不太清楚绑定对于接受参数的函数是如何工作的。return ( <ListItem onClick<
浏览 6提问于2017-09-17得票数 1
回答已采纳
我有一个画廊组件，显示来自组件道具的图像。Uncaught TypeError: Cannot read property 'currentIndex' of null import React from 'react
浏览 1提问于2016-04-12得票数 0
回答已采纳
1回答
是否有可能用子代法在道具中传递成分？我要做的是： <button onClick={TContainer.METHOD}>TuCLIK</button>我想在孩子中调用方法，但在父元素中创建元素。我
浏览 2提问于2017-09-25得票数 4
回答已采纳
我正在尝试将DOM元素存储在React组件内的变量中。我在组件的render()函数中声明这个变量，如下所示： render() { ......
} 考虑到这是在return之前声明的，我猜在声明时，c
浏览 29提问于2019-01-01得票数 0
回答已采纳
18回答
我正在用ES6 (使用BabelJS)编写一个简单的组件，但函数this.setState不起作用。典型的错误包括以下内容 this.setState不是一个函数
import React from 'react'
constructor(props) {(React</
浏览 103提问于2015-04-11得票数 239
回答已采纳
我是React.JS新手，我试图在呈现组件中的元素上创建一个click事件。这是我的代码： this.props.dispatch(actions.someMethodi) => (
<div>{row.map((cell, j) => <div className
浏览 6提问于2016-09-26得票数 4
回答已采纳
早上好,考虑： {props.theProp.map((foo) => { <Foo((foo) => {
浏览 1提问于2020-07-12得票数 0
回答已采纳
2回答
我知道在使用React类方法时，箭头函数是锁定this的一种很好的方法。例如，我可能有一个单击处理程序： // some code using 'this'}
<button onClick={() => this.clickHan
浏览 0提问于2019-07-06得票数 1
回答已采纳
我试图遵循这个中的建议，以避免使用内联函数。我有一个带有onClick函数的div，如下所示：这非常好，但是我不想有一个内联函数。当我试图按照上面提供的链接中的模式抽象它时，我会得到一个无限运行的setState错误。class Foo extends React.Component {
con
浏览 2提问于2017-02-08得票数 2
我在React组件中有一个onClick props，它包含以下内容：请记住，这是在使用React.createClass的React组件中，因此组件函数应该绑定到它的上下文。不幸的是，当我尝试通过执行以下操作来绑定
浏览 0提问于2017-09-27得票数 0
在React中，对于一个独立的组件，我们仍然在经历“丢失绑定问题”：class Foo extends React.Component { <button onClick={this.clickHandler}>Click Me</button>
</div
浏览 1提问于2020-02-10得票数 1
1回答
我正在使用这个优秀的示例(Nested sidebar menu with material ui and Reactjs)为我的应用程序构建一个动态嵌套菜单。最重要的是，我试图更进一步，把它放到一个实体UI appbar/临时抽屉中。我想要实现的是当用户单击最底层的项目(SingleLevel)时关闭抽屉，但是我很难将toggleDrawer函数向下传递到菜单。当我在SingleLevel上处理点击时，<
浏览 13提问于2021-10-13得票数 0
我目前正在尝试从类到函数组件的转换。我知道在类组件之间传递函数涉及绑定，然后将onClick添加到子组件。import React, { useState } from 'react</e
浏览 1提问于2020-05-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
