如何在ES6函数内部触发onClick()函数？
在ES6函数内部触发onClick()函数，可以通过以下几种方式实现：
- 使用箭头函数：
- 使用箭头函数：
- 使用bind()方法：
- 使用bind()方法：
- 使用call()或apply()方法：
- 使用call()或apply()方法：
- 使用立即执行函数：
- 使用立即执行函数：
需要注意的是，以上方法中的this指向的是当前作用域的this，可以根据实际情况进行调整。此外，onClick()函数需要在函数内部定义或者在函数外部进行引入。
对于以上方法，腾讯云提供了云函数（Serverless Cloud Function）服务，可以用于在云端运行代码，触发函数执行。您可以通过腾讯云云函数产品了解更多信息：腾讯云云函数。
相关·内容
我很好奇为什么React更新了这个例子中的Child组件：
function Inner(props) {
console.log("Render Inner");
return <div>Inner</div>;
}
export class Outer extends React.Component {
constructor(props) {
super(props);
this.state = {
active: false
};
this.onClick = this.rawOnCli
浏览 4提问于2016-11-27得票数 0
回答已采纳
3回答
在这里，我已经写了一个函数到"bookmark_outer“目录，在目录里面，有3个独立的链接，它们也包含了独立的functions.when，我点击了那个目录中的一个链接，在这个目录中的函数也会停止，do I fire.How吗？
function bookmarkUrlRedirect{
$('#Bookmark_title').closest('.bookmark_outer').find('.bookmark_edit').addClass('bkshow');
}
function
浏览 0提问于2018-03-05得票数 1
我让下面的IconButton显示在每一行的旁边，这样我就可以对每一行进行不同的API调用。这些按钮的警报是否显示为onLoad?！我怎么才能修复它？ <IconButton onClick={alert("abc")}>
<Edit color="action" />
</IconButton>
<IconButton onClick={alert("abc")}>
<Update color="action" />
</IconButton>
&
浏览 26提问于2019-01-23得票数 0
回答已采纳
2回答
表格的每一行都有按钮。当用户单击它时，会触发一个甜蜜警报，以显示确认窗口。如果用户单击yes，则执行AJAX来发布行值。
post过程正在工作，但在AJAX成功调用后，我无法更改按钮属性和标签文本。这是我的脚本。
$("#tbl_list_pemenuhan tbody").on('click','.btn_memo', function() {
var no_penuh = $(this).closest('tr').find("td:eq(1)").text()
浏览 0提问于2018-03-01得票数 1
回答已采纳
我面临着一个流动的问题：
class App extends React.Component {
testop(){
alert("test");
}
showAlert() {
// alert("Im an alert");
this.testop();
}
render() {
return <button onClick={this.showAlert}>show alert</button>;
}
}
当我运行代码时，错误是"Uncaught :无法读取
浏览 4提问于2022-04-24得票数 0
我在这里看一个React/Redux示例：
请注意，以下操作永远不会完成：
const CommentForm = React.createClass({
render: function() {
return (
<div className="commentForm">
</div>
);
}
});
取而代之的是使用箭头函数来代替类。
const Todo = ({ onClick, completed, text }) => (
<li
onClick={onClick}
浏览 2提问于2016-08-30得票数 0
如何使用类方法上的onclick事件调用另一个类方法？
当我尝试这样做时，会得到以下错误：
Uncaught : this.method1不是TypeError (example.html:24)的一个函数
我怀疑onclick event只接受回调函数，而不接受方法。
他们是解决办法吗？
这里是一个示例：
class Example {
constructor(name, age) {
this.name = name;
this.age = age;
this.method2();
}
method1(evt) {
console.l
浏览 0提问于2019-09-16得票数 2
回答已采纳
我有下面的代码。
var ImageList = React.createClass({
getComponent: function(index){
console.log(index);
},
render: function() {
var results = this.props.data;
return (
<div className="row">
{results.map(function(result) {
return(
<a className="th mediu
浏览 2提问于2015-07-25得票数 1
回答已采纳
我刚开始反应，有人告诉我，当将方法传递给onClick处理程序时，不应该：
使用内联箭头函数
调用.bind(此参数)
因为它们都将在每一个呈现上创建一个新函数，这具有暗示性或性能。
在我的代码中，有一个父组件向子组件发送一个方法(asideSelected())作为支柱。在子组件中，我希望使用父组件接收的参数调用此方法。我创建了以下解决方案：
父级：
export default class App extends Component {
constructor(props) {
super(props);
浏览 1提问于2018-01-27得票数 1
我正在学习React教程
请注意以下两个代码片段中的"onClick“属性。
在下面的片段中，一个箭头函数被分配给它，该函数调用在props中传递给它的onClick()函数。
class Square extends React.Component {
render() {
return (
<button
className="square"
onClick={() => this.props.onClick()}
>
{this.props.value}
浏览 2提问于2020-08-08得票数 0
4回答
我在Javascript中有一个面向对象的编程问题。我有以下几点：
class Foo{
constructor(){...}
...
a_needed_method(){...}
...
a_method(){
...
jsObject.on("click",function(params){
this.a_needed_method();
});
}
}
问题是，如果我在那里使用a_needed_method调用this方法，那么this将引用控制on
浏览 0提问于2017-05-07得票数 9
回答已采纳
1回答
我正在做反应教程()，有一件事我不明白:接近尾声(这是代码：)，当handleClick函数被提升到最高级别(游戏)，然后传递给董事会，然后传递到正方形级别，游戏级别的表示法第一次“改变”到(i)，而不仅仅是()。所以，现在的代码是onClick={(i) => this.handleClick(i)} (第86行)，而在董事会级别是onClick={() => this.props.onClick(i)} (第14行)。是什么决定了我是否要通过争论？
浏览 1提问于2018-03-05得票数 0
回答已采纳
2回答
我正在学习react，我做了一个组件，在里面我有一个on click函数，我在里面有一个控制台语句，有人能解释为什么它在呈现上显示两次吗？
import React from 'react';
class App extends React.Component {
render() {
return (
<>
<button onClick={console.log("hello")}>Change name</button>
<h
浏览 1提问于2020-09-29得票数 1
回答已采纳
2回答
将菜单项连接到事件处理程序时遇到问题。这是一个模拟的UI，显示了状态随时间的变化。这是一个下拉菜单(通过Bootstrap)，根菜单项显示当前选择：
[ANN]<click ... [ANN] ... [BOB]<click ... [BOB]
[Ann] [Ann]
[Bob]<click + ajax [Bob]
浏览 0提问于2014-01-09得票数 21
回答已采纳
这两项任务是不同的。两者之间有什么区别吗?还是两者是平等的？
First
onClick(){
return (
<div></div>
)
}
第二
const onClick= ()=> {
return(
<div></div>
)
}
浏览 4提问于2020-06-14得票数 4
2回答
我目前有点困在以下几点上。
function Tag(props){
let {text, onRemove, key} = props;
return (
<span onClick={onRemove(key)} key={key}>{text}</span>
)
}
function TagInput (props) {
let {onChange, value, onKeyDown} = props;
return (
<input type="text" onCha
浏览 4提问于2015-12-30得票数 1
回答已采纳
我有两个div标签，第一个div是父亲，第二个div是父亲里面的儿子。
<div id="father">
<div id="son"> </div>
</div>
我在div父亲中添加了一个事件(onclick)如下
<div id="father" onclick="closeFather()">
<div id="son"> </div>
</div>
我的问题是为什么儿子在事件中继承父亲。
我希望当我点击父d
浏览 6提问于2011-06-01得票数 10
回答已采纳
考虑以下HTML元素中的Javascript属性的示例：
<input type="button" onclick="somceFunc()" />
<input type="button" onclick="somceFunc();" />
<input type="button" onclick="somceFunc(); return false;" />
什么时候应该以分号结束someFunc()调用，什么时候应该消除分号？另外，什么时候应该以调用retu
浏览 2提问于2012-06-06得票数 1
回答已采纳
我是ReactJS的初学者。我在不同的网站上学习和研究了很多文档和电子书。我知道ReactJS有两种语法。示例：
React.createClass({
displayName: 'Counter',
getDefaultProps: function(){
return {initialCount: 0};
},
getInitialState: function() {
return {count: this.props.initialCount}
},
propTypes: {initialCount: React.PropTyp
浏览 3提问于2016-01-28得票数 8
2回答
在dataTable创建中，我希望在列的呈现中传递变量：
"aoColumnDefs": [
{ "aTargets": [ 2 ], "bSortable": false },
{ "aTargets": [ 2 ], "bSearchable": false },
{ "aTargets": [ 2 ],
"mRender": function ( data, type
浏览 4提问于2017-08-18得票数 1
回答已采纳
假设我在自己的反应性组件中创建了额外的函数，如下所示：
class Cart extends React.Component {
render() {
return <div id="cart">My Cart Items</div>
}
getItem(id) {
// magically return the item
}
addItem(id, name, type, price){
// you get the idea
}
}
现在，从类外部访问getIt
浏览 4提问于2016-05-20得票数 0
我正在使用puppeteer来收听点击事件。我还想知道被点击的html元素的id。我如何做到这一点呢？我现在的代码如下： const puppeteer = require('puppeteer');
const fs = require('fs');
(async () => {
let browser = await puppeteer.launch({ headless: false });
let page = await browser.newPage();
// Expose a handler to the page
await pa
浏览 120提问于2020-10-12得票数 1
2回答
更改事件不起作用
、、
Jquery代码是：
$(document).ready(function() {
$("input[name='to[0]']").change( function() {
var b1 = $("input[name='to[0]']").val();
alert(b1);
});
});
<td >
<input type="text" size="12" name="to[0]" value="T
浏览 4提问于2012-05-18得票数 0
2回答
通常，当我单击子组件中的菜单项时，它会调用{this.handlesort}，这是一个本地函数。句柄排序从我的父组件获取onReorder道具。{onReorder}调用名为reOrder的本地函数。它设置{orderBy和orderDir}的状态。问题是，当我单击{menuitem}时，它立即返回此错误。(未定义的TypeError:无法读取未定义的属性“onReOrder”)。通常情况下，当我不使用es6时，它就能工作。请帮帮忙
(父组件)
export default class TenantView extends Component {
constructor(props)
浏览 5提问于2017-01-20得票数 4
回答已采纳
在同步和异步函数中调用useState钩子的多个set函数时，我经历了不同的行为。
function Test() {
console.log('app rendering starts.');
const [a, setA] = useState(1);
const [b, setB] = useState(11);
const updateState = () => {
console.log('\tupdating a starts.');
setA(2);
consol
浏览 1提问于2021-11-28得票数 6
回答已采纳
我在我的网站上使用谷歌分析。因为它是手工制作的HTML，而且当我安装它的时候，它已经很大了，所以我没有把它放在我所有的页面上。这个网站太大了，做任何逐页的工作都是没有意义的。
我编写了一些代码来防止默认的单击操作(这样GA就可以触发)，记录GA事件，然后再次单击它。我一直在用这个代码来做这个：
function trackClick(event) {
event.preventDefault();
console.log("clicked_on_"+String(this.myelem.href || this.myelem.onclick)+"_from_&#
浏览 2提问于2020-06-13得票数 0
只是一个简短的问题。我在使用div时遇到了一个问题，那就是onclick javascript。当我点击内部div时，它应该只触发onclick的javascript，但外部div的javascript也会被触发。用户如何在不触发外部div的javascript的情况下单击内部div？
<html>
<body>
<div onclick="alert('outer');" style="width:300px;height:300px;background-color:green;padding:5px;">
浏览 0提问于2010-03-05得票数 62
回答已采纳
2回答
这是在JavaScript中声明多个事件侦听器的最快方法。我应该这样做吗：
<div onclick="myFunction();">
<div>Element 1</div>
<div>Element 2</div>
</div>
或者像这样：
<div>
<div onclick="myFunction();">Element 1</div>
<div onclick="myFunction();"
浏览 1提问于2018-12-10得票数 0
回答已采纳
以下代码可以在Chrome中正常运行，但在Internet Explorer11中会抛出以下错误。
对象不支持属性或方法“”startsWith“”
我将元素的ID存储在一个变量中。问题出在哪里？
function changeClass(elId) {
var array = document.getElementsByTagName('td');
for (var a = 0; a < array.length; a++) {
var str = array[a].id;
if (str.startsWith('R
浏览 98提问于2015-06-16得票数 163
回答已采纳
我有一个菜单，我可以打开和关闭菜单，点击一个标签。它起作用了。此外，我还使用OnBlur()。实际上它也能工作，但是当我单击菜单中的div时，OnBlur活动，菜单关闭，div的onclick不起作用。我怎样才能解决这个问题？
在JavaScript码中；
<script>
function Acc_Show() {
var q = document.getElementById("he-my");
q.style.display = "";
document.getElementById("my-account-
浏览 3提问于2014-11-18得票数 0
我有一个图片库，我循环遍历图像对象，并希望将i传递给我的onClick函数。这是我的图片库代码：
<div className="gallery clearfix">
{ block.gallery.map((item, i) => (
i < 1 ?
<div className="gallery-image" key={i} onClick={this.toggle}>
<a href='' className="inner">
浏览 0提问于2016-12-02得票数 1
回答已采纳
5回答
我是JQuery的初学者，如何使用JQuery选择对象？
代码如下：
<script type="text/javascript" language="javascript">
function Hide(senderID) {
$("#" + senderID).hide(200);
// this exception is thrown // Microsoft JScript runtime error: Object expected
}
</script>
<div id="div
浏览 0提问于2011-03-17得票数 1
1回答
我正在试着做一个程序，它可以抓取一个列表，并将一个类添加到列表的一部分，其中包含它下面的子列表。我遇到的问题是，列表正确地添加了类，但当我尝试添加onclick事件时，它不会像预期的那样工作。onclick起作用，但只适用于找到的列表项的最后一个匹配项。因此，单击任何蓝色单词进行扩展或缩小都只会导致最后一个列表发生变化。
我认为这与没有id使其唯一有关，因此创建的最后一个列表项是受on click事件影响的项。
我希望在不使用jquery或编辑HTML的情况下完成此操作。我可以看到的一种方法是创建一个ID，但是有没有一种方法可以不用这种方法就能做到呢？
if(innerlist.queryS
浏览 11提问于2017-12-15得票数 0
回答已采纳
我正在编写一个用户脚本，它将生成许多按钮，但我似乎不能给它们一个独特的功能。
我已经试过了
downArrow.onclick = function (){downVote(id, username)};<br>
和
downArrow.onclick = "downVote(\"" + id + "\", \"" + username + "\")";
但它们不起作用。然后，我在某处读到，只有以下方法有效：
downArrow.addEventListener('click',
浏览 0提问于2013-05-31得票数 6
回答已采纳
2回答
我已经阅读了有关如何显示/隐藏组件的方法，并对其进行了一些修改，但是，我的修改不起作用。
我的不工作代码在这里：
var Child = React.createClass({
render: function() {
return (
<div className="container">
<p>Welcome to our website</p>
<button onClick={this.onClick}>Click me to close</butt
浏览 2提问于2017-06-02得票数 0
回答已采纳
我目前正在学习ReactJS。我正在用JSX编写代码，但我有一个问题。如何使用我使用的定期格式化的JavaScript库？
E.g
myScript.js
(function () {
var myTemp = "myTemp";
function myFunction() {
console.log("myFunction()")
}
function myFunction1() {
console.log("myFunction()")
}
function myFunction2() {
c
浏览 0提问于2019-01-23得票数 0
我试图建立一个简单的计算器在反应使用组件。我想获取按钮的值并将其赋值为"currentItem"，但是，我仍然得到错误“无法读取属性'setState‘of null”。这是密码。代码位于两个单独的jsx文件中。我真的很感谢你的帮助。
import React from 'react';
import NumbersComponent from './NumbersComponent.jsx';
import EquationComponent from './EquationComponent.jsx';
import
浏览 2提问于2016-10-10得票数 0
回答已采纳
1回答
我需要在React中实现一种Web应用程序的主/详细视图。由于应用程序应该集成到CakePHP应用程序中，所以我不能使用React Router来处理路由(因为CakePHP会处理它们)。 我有一个项目列表，并希望在它们之间导航，显示一个详细视图。项目是嵌套的，因此有SubItems可供导航。 ? 现在，我得到了一个ItemList组件，它显示了一个带有点击处理程序的卡片列表。如何在不更改url的情况下更改视图？ ItemList组件如下所示： class ItemList extends React.Component {
constructor(props) {
浏览 9提问于2021-01-15得票数 0
我有一个问题-我想在创建动态生成的表的每个单元格中添加一个.onClick事件。
cell.onclick = function(){
mouseClick(row_number,i, cell);
};
但是，该事件似乎只是添加到每行的最后一个单元格中。这怎么可能呢？它是不是以某种方式覆盖了之前的版本？以及如何让它工作呢？
function drawRow(rowData, length, keys, row_number){
//rowData - object w
浏览 0提问于2016-05-31得票数 1
如果我发现自己不断地使用道具的方法：
const Menu = (props) => <div style={styles.container}
onClick={(ev) => props.menuClick(ev, props.item)}>...</div>
但这些方法有时是可选的。只有在方法存在的情况下，我才能触发它？
这似乎是不可读的：
const Menu = (props) => <div style={styles.container}
onClick={(ev) => p
浏览 1提问于2017-07-18得票数 1
记住以下代码：
var Component = React.createClass({
getInitialState: function () {
return {position: 0};
},
componentDidMount: function () {
setTimeout(this.setState({position: 1}), 3000);
},
render: function () {
return (
<div className=
浏览 150提问于2016-03-29得票数 127
回答已采纳
2回答
我有一个函数showMap，它可以打开一个新窗口(window.open).In这个新窗口，我有一个iframe googlemaps和一个button.How输入，当用户单击按钮时，我可以将数据传递给父窗口中的函数吗？ var popUpWindow ;
function showMap(){
popUpWindow = window.open(index)
popUpWindow.document.write( '<html><head><title>MAP</title>
</head>&
浏览 29提问于2019-06-08得票数 0
回答已采纳
如何在选项上添加onClick事件-我的意思是，当你点击选中的选项时，我想链接到某个地方，而不仅仅是放在searchField(或textField)中？我真的很努力地在网上搜索，但我就是找不到怎么做。
<Autocomplete
freeSolo
classes={classes}
options={searchItems}
getOptionLabel={(option) =>
option.title ? op
浏览 1提问于2021-03-08得票数 0
5回答
这段代码载于书第99页
他写这行的原因
无功电流=此；
<!DOCTYPE html>
<html id="greatgreatgrandpa">
<head>
<title>DOM Level 0 Bubbling Example</title>
<link rel="stylesheet" type="text/css" href="../styles/core.css"/>
<scri
浏览 5提问于2011-06-01得票数 2
回答已采纳
我是ES6的新手。在编写一个React组件的不同方式上有点困惑。我从"React.createClass“开始，然后用ES6类语法移到”ExtendedReact.Component“。
在下面的Redux教程中，我看到它们以这种方式定义组件
import React, { PropTypes } from 'react'
const Todo = ({ onClick, completed, text }) => (
<li onClick={onClick} style={{ textDecoration: completed ? 'l
浏览 5提问于2016-07-07得票数 7
回答已采纳
1回答
情况
我有一个离子侧菜单应用程序与主控制器‘主视图’。每个标签页都有自己的控制器，是主ctrl的子控件。当我启动应用程序时，第一个控制器启动，并在“主视图”中显示来自Firebase DB的数据。我的问题是，在我点击进入之前，我的标签“客户”没有填满数据库数据...
问题所在
...But这种行为真的很奇怪，因为当我点击“客户”这个选项卡时，没有显示来自数据库的信息，要加载数据，我需要单击侧面菜单，它出现了，就在这时，我的数据加载到了我的选项卡中！但在此之前，我得到了一个空洞的视图...有趣的是，有时候，十次都能成功:我的页面被正确加载了！
我尝试过的
在我看来，当我的“主视图”被加载时，我的
浏览 1提问于2017-05-13得票数 1
我试图在学习ReactJS的同时创建一个简单的待办事项列表。
对于我的待办事项列表中的每一项，它们都按group分组。例如，我有组Purchases和Build Airplane，以及该group下每个task完成的时间。
我正在尝试显示组名，显示该组下有多少任务在总数中完成。
然后，当您单击组名时，页面将发生更改，以显示各个任务。
在试图解决这个问题几个小时后，我确定当我创建组名时，在元素创建过程中正在调用我传递的onClick。
在我的父App文件中
export default class App extends Component {
constructor(props) {
浏览 1提问于2019-05-05得票数 1
回答已采纳
1回答
在使用纯函数的情况下，您创建的任何变量都很容易被任何其他嵌套函数重用：
const myComponent = props => {
const {something} = props.nested;
const nestedFunction = () => {
if (something === "value") return true
}
const otherNestedFunction = () => {
console.log(otherNestedFunction)
}
return (
//
浏览 1提问于2018-04-21得票数 0
回答已采纳
请看以下内容： var funkyFunction = function() {
return function() {
return "FUNKY!"
}
}
var theFunk = funkyFunction(funkyFunction()) 我需要将theFunk变量赋值为"FUNKY!“但是我不知道该怎么做呢？
浏览 45提问于2019-12-11得票数 1
回答已采纳
两者都做同样的事情。但是，方法2看起来更干净。如果两者返回相同的值，那么它们到底有什么区别呢？哪一个更有效率？
function method1() {
$('#table').find('input').each(function() {
a = $(this).val()
console.log(a)
})
}
function method2() {
$('#table').find('input').each((k,v) => {
console.log(v.value)
浏览 0提问于2020-05-12得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
