标记内的React JS onClick事件

文章/答案/技术大牛

发布

2回答

javascript、html、reactjs、onclick、atag

我有一段代码，它是一个标签，里面有一个onClick事件。我的问题是，当我点击浏览器中的div时，href会被触发，我会转到另一个站点。有没有办法确保只有onClickis triggered when clicking onchnageOrderonClick`和链接在单击a标记的其余部分时有效？stage.title}</h3> <

浏览 16提问于2020-01-15得票数 0

回答已采纳

1回答

在嵌入组件中响应onClick事件调用序列

javascript、reactjs、events、onclick

var mark = null; handleClick(evt) { }handleSpanClick(evt) { } return ( <span onClick={

浏览 3提问于2017-04-25得票数 1

回答已采纳

4回答

从React应用程序和react组件外部的html元素中检测单击。

javascript、reactjs、react-hooks

我有一个html页面：我想听一个来自react组件的html元素的“单击事件”。在这里，我需要进入“react component”，当我们单击“”元素.时，这个事件将被触发。<div id="click">button in static html</div> <div id="react-component&

浏览 4提问于2021-10-27得票数 1

回答已采纳

2回答

未调用事件处理程序的构造函数中生成的列表

reactjs

我可以正确地将this绑定到事件处理程序，但仍然无法调用事件处理程序。我已经创建了一个import React from 'react';import './App'; ReactDOM.render(<App boxes="9" />, document.getElementById(

浏览 3提问于2018-12-14得票数 0

3回答

为什么onClick在某些情况下不起作用？

reactjs、onclick、components

由于一些奇怪的原因，onClick不工作在我的反应应用程序。<GorillaSurfIn console.log('gorilla clicked');setShouldGorillaSurfOut(true); /> 正如您所看到的，我console.logged它，但我没有看到在控制台任何

浏览 8提问于2020-10-02得票数 0

回答已采纳

1回答

在details元素中，如何防止在点击内容时发生onclick事件？

javascript、reactjs

我想在details标记上应用一个onClick事件。但是，我发现在应用事件之后，单击details和summary之外的元素也会触发事件。我的问题是:如何使onClick事件仅在单击details和summary标记时触发，而不在任何其他元素上触发？下面是一个示例:单击Panel content将触发控制台日志。Panel.js import React from "

浏览 16提问于2021-02-01得票数 0

回答已采纳

3回答

这是我的react代码。我看到了几个调用函数的例子，但我没有运气。我让我的app.js文件夹在一个单独的文件夹中呈现NavigationDiv到HTML，所有的东西都在显示，甚至按钮也在显示，但当我点击它时，什么也没有发生。这是一个很接近我的帖子：，但我的帖子仍然不能触发。如果我设置{this.fireEvent()}，我可以让它启动一次，但不能再启动一次。提前谢谢你！var React = require('rea

浏览 5提问于2015-04-30得票数 1

1回答

在块内单击时，会触发外部单击

reactjs

我有一个弹出窗口，它是在块内的点击它打开。因此，我需要实现这个逻辑来关闭它。import React, {Component} from 'react'; console.log(111) // open popup

浏览 18提问于2019-04-12得票数 1

回答已采纳

1回答

在react中未在字符串html内调用JS函数

javascript、html、reactjs、react-native、infowindow

我使用的是string html，里面有一张图片。我必须在它上面调用onclick函数。Onclick功能有效，但仅用于警报。当我调用JS函数时，它不会被调用。我使用了this.bind，箭头函数和所有可能的方法，但都没有结果。它在react中，仅在此处粘贴相关代码： import pic1 from '../..Clicked'); } let content1 = ` <div class="o

浏览 30提问于2020-10-12得票数 0

2回答

如何在具有两个span子元素的li元素上获得具有onClick的元素？

reactjs、jsx

我有一个包含两个<li onClick={x}>的<span>，当我点击并尝试获取事件目标时，我将根据我单击的位置获得li或span元素，我只想得到li元素，无论我在哪里单击。<li value={1} onClick={this.handleClick}> <span> Adds 1 point per One </span></li&g

浏览 0提问于2019-09-15得票数 0

回答已采纳

2回答

React JSX组件属性的完整列表

reactjs

是否有特定的网站包含所有JSX组件的完整属性列表？例如：<button>有onClick，还有更多。

浏览 1提问于2019-05-31得票数 1

2回答

按钮onClick目标正在改变

javascript、reactjs

我有一个带有fa图标的按钮，我附加了一个onClick事件(React)<button onClick={changeViewType} value="boxes"> <i className="fa fa-th" style={{color:

浏览 0提问于2018-04-09得票数 3

回答已采纳

3回答

我们能否传递事件名称作为反应中的道具？

reactjs、ecmascript-6、react-dom

嗨，我是新的反应，我正在尝试创建一个组件，我们可以传递事件名称(onclick，onChange等)。作为道具。因此，组件也可以以事件的方式进行定制。有可能吗？<Input {this.props.eventName} = {this.props.name} /> 这是我想做的。有可能吗？

浏览 4提问于2017-05-22得票数 1

回答已采纳

2回答

如何在导航栏中的ReactJS中重定向

javascript、reactjs

你好，我正试图在导航栏中的页面之间重定向，我想知道如何做那个特定的组件。这是我的代码。/src/Registration.JS' window.location = '../src/App.js'const registerBtn = docu

浏览 21提问于2019-02-07得票数 0

1回答

锚点标记的禁用属性不起作用

javascript、html

我有一个需要在href标签上禁用onclick事件的要求。我可以禁用"a href“标记，但"a href”标记内的onclick事件仍然不会被禁用。css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/

浏览 4提问于2018-02-07得票数 0

1回答

Webpack:如何解析js文件中的html模板？

javascript、webpack

我正在开发一个简单的嵌入式小工具，没有.html文件，只有.js和.css。所有必要的超文本标记语言标记都在.js文件中生成。也就是说。function widgetRenderer() { <div class='widget-header'> <span class='widget-close' onclick='closeWidget();'&g

浏览 15提问于2019-04-05得票数 1

2回答

响应未调用的JS onClick方法

javascript、reactjs

我对JS的反应是新的，我只是捡起它。这是我的代码：<script src="../../js/react-dom.min.js"></script> <script src="../.

浏览 1提问于2017-01-24得票数 0

回答已采纳

3回答

为什么如果状态变化与道具相关，则不会触发

javascript、reactjs

我写了一些代码来练习React。我希望有人解释为什么如果单击了clickChange的目标(h3)，状态就不会更新。下面是我的主要应用程序组件：import Prova from ".name: "joe" }); return ( <h3>SONO APP<

浏览 1提问于2018-07-06得票数 0

回答已采纳

4回答

在单击事件时更改数组中对象的值

javascript、reactjs、jsx

如何使用按钮onClick事件从map函数内部更改数组的值。在下面的示例中，我定义了数组名称visitMyArray，它有三个对象，最初visited键的值被设置为false。使用map函数，我在一个paragraph标记内呈现所有的location。将为每个paragraph呈现一个button。可以将visited的值从false更改为true吗?import React from "react"; impor

浏览 2提问于2019-12-10得票数 3

1回答

React组件在onClick事件后不会重新呈现

javascript、reactjs

我有一个名为CamperList的React组件，它呈现一个表行组件数组。其中两个表头标记具有onClick事件，该事件用于切换this.state.toggle和更新表。当我单击所有时间点标记时，表将更新，但当我单击过去30天内的点标记时，表不会更新。代码如下： getInitialState: function() {

浏览 0提问于2016-03-21得票数 1

点击加载更多