如何在React中使用e.target使用EventListener而不是其子元素来记录元素

文章/答案/技术大牛

发布

2回答

javascript、reactjs、onclick、event-listener

我有一个单击EventListener的安莉元素，我希望使用e.target记录li元素，但是如果我单击li元素中的任何内容，它会记录带有实际EventListener的li元素。如何才能使日志中只记录带有EventListener的li/元素？以下是代码的沙箱：https://codesandb

浏览 43提问于2021-08-06得票数 0

回答已采纳

2回答

响应不带父节点的自组织呈现兄弟节点

javascript、reactjs

是否有可能创建一个更高级的React组件来呈现多个兄弟节点，而不包括父节点？ React.cloneElement(props.children, children.props); <div> <div>

浏览 5提问于2016-11-15得票数 4

2回答

如何以e.target的形式获得指定onClick的确切元素？

javascript、reactjs、events、dom-events、children

我有一个React组件，并为它提供了onClick事件处理程序： return <li onClick={props.onClick}>{props.children}</li>然后，我使用这样的组件： <span>This element is</span> </Item>

浏览 3提问于2017-03-29得票数 7

回答已采纳

3回答

React获得单击的元素

javascript、jquery、reactjs

JSX alert($(e.target).attr('data-id'));/>, ); 每当im单击按钮sendMsg时，我都希望sendMsg函数中有按钮元素但是，每当im单击按钮的span或子元素时，e

浏览 2提问于2017-02-24得票数 0

1回答

我有一个带有许多子组件的React父组件(数千个SVG元素，它们都是昂贵的重新呈现)。子组件显示基于全局状态的信息；某处是应该以特殊方式显示的子组件的列表。由于这个列表在其他地方是需要的，所以它不能是每个子表中的本地状态信息，因为它不是对子表的私有信息。按照这里的建议：将状态提升到父组件。但是，一次只更改一个子元素；例如，用户可以单击SVG元素来调整其显示属性(这些属性存储为子元素</em

浏览 1提问于2018-11-30得票数 3

回答已采纳

1回答

当我的全局套接字侦听器通过套接字触发时，ReactJS将事件激发到组件中。

javascript、reactjs、websocket、redux、react-component

我使用ReactJS，并将套接字作为全局函数连接到不同的文件中。有一个套接字的消息事件侦听器，当任何新消息来自后端时都会触发。现在我想要的是，当消息事件侦听器被定义为全局函数时，我希望将一个事件激发到组件中。提前感谢

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

1回答

使用reactstrap输入模块的React* ref没有值prop*

javascript、reactjs、reactstrap

我有一个包含以下输入元素的react组件： import React, {} from 'react';constructor(props) { this.test = React.createRef(); <Input ref={t

浏览 16提问于2019-03-15得票数 4

回答已采纳

1回答

如何在react中仅呈现一个生成子组件的子组件

javascript、reactjs

在React应用程序中，我有一个组件用于显示名为ResultsContainer的搜索结果。我通过映射从父元素传递过来的属性并从数组中的每一项创建一个列表元素来生成子元素。我不确定如何定位单个的子组件，以便组件只为那个特定的子组件渲染。DetailsContainer组件，而不是为所有子对象呈现该组件。我不知道如何使用.bind()来从.map的回调中使用

浏览 0提问于2015-11-24得票数 0

1回答

使用HTML5元素/ARIA角色的首选技术

html、semantics、progressive-enhancement、graceful-degradation、wai-aria

大约一两年来，我一直对使用HTML5元素的最佳方式感到好奇。我见过的最常见的技术--使用页眉、页脚、节等元素，以及它们的类和ARIA角色。对较旧的浏览器使用html5shiv.js。这更符合优雅的降级，而不是渐进的增强。如果JS在旧的移动/桌面浏览器中没有启用/根本不可用，我们就失去了单独使用HTML5元素构建布局的能力。我看到的另一种方法是渐进式增强，并且不依赖于在较早的浏览器中</e

浏览 9提问于2013-02-05得票数 5

回答已采纳

2回答

如何从存储在防火墙中的ArrayList中获取特定记录

android、firebase、firebase-realtime-database

我已将ArrayList存储在firebase DB中，是否有任何方法可以使用来自ArrayList的特定id (memberId)从防火墙获取特定记录？目前，我能够获得tripMemberList ArrayList，但我希望使用memberId从ArrayList获得特定的记录我在下面附加了一个firebase DB结构编辑:如何将

浏览 0提问于2017-08-03得票数 1

回答已采纳

3回答

考虑使用h2-h6元素向所有部分添加标识标题。

html、semantic-markup、w3c-validation、sections、html-validation

当我试图在http://validator.w3.org中验证我的页面时，我收到了警告：部分没有标题。考虑使用h2-h6元素向所有部分添加标识标题。

浏览 5提问于2014-06-11得票数 43

回答已采纳

1回答

如果在一个简单的React模式中启动或结束单击事件，如何防止该模式被关闭？

javascript、reactjs、events、modal-dialog

我已经看过很多在React中制作的模态，其中很多似乎都有这个问题，所以我已经组装了一个来演示这个问题。代码片段中的代码： if (e.target.id === "modal-view-info") { this.props.closeSelf我已经处理它有一段时间了，我认为问题在于浏览器将来自单击事件的e.Target视为父元素。也就是说，如果开始在子元素内部单击，但

浏览 8提问于2019-08-16得票数 0

回答已采纳

3回答

在社交媒体上共享，URL不呈现任何元数据

reactjs、typescript、visual-studio-2017、meta-tags、social-media

我们在React .net内核中构建了一个项目()，使用react在客户端呈现。问题是当应用程序在浏览器中呈现时。浏览器在初始加载时只获取静态HTML，这不包括我们设置的动态元标记。但是，在检查时，您可以在“元素”下获得这些元标记。此外，如果我们使用这些URL在任何社交媒体上共享，如WhatsApp或Facebook，该URL不会按

浏览 0提问于2018-06-21得票数 19

2回答

Selenium / XPath:如何通过属性和其子元素的文本查找元素

xpath、selenium-webdriver

class1"> <div class="class3">a b c</div>由于我的html中有几个div元素，它使用了类"class1“，而且没有一个id，所以我希望通过其子元素的文本来查找/获取这个父元素。在上面的示例<e

浏览 2提问于2017-05-19得票数 0

回答已采纳

4回答

如何在React* 16中使用ReactDOM.createPortal()？*

javascript、reactjs、ecmascript-6

我使用React 16并需要门户，但无法找到有关此特性的任何文档。有人知道怎么用这个吗？谢谢你的建议。

浏览 9提问于2017-09-24得票数 50

回答已采纳

1回答

为什么我不能在浏览器中看到任何东西？

javascript、reactjs

App.jsimport './App.css';import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; "react

浏览 5提问于2022-02-26得票数 2

回答已采纳

3回答

从父元素中获取元素的索引

javascript

function getNodeIndex(elm){ } if(e.target.classList.value == "myClass") { console.log(getNodeInd

浏览 1提问于2018-12-30得票数 0

2回答

劫持反应处理函数

javascript、events、reactjs

我试图从全局方法中劫持所有按钮处理程序，并在满足特定条件时手动触发处理程序。这里有一个简单的例子： console.log(e.target); // Button} handler: function(&l

浏览 1提问于2014-08-30得票数 0

1回答

在CSS和原生Javascript中选择不带任何子元素的父元素

javascript、html、css、css-selectors、children

首先，CSS在本例中，我这样做是因为我想降低悬停时手风琴父对象的亮度。和Javascript (本机) 这些.parent元素也是手风琴，其工作原理是通过Javascript中的单击侦听器在它们上面切换active类。当然，这意味着我在单击.parent元素的子元素时激活了accordion，

浏览 13提问于2018-08-18得票数 2

2回答

Javascript返回false和event.target

javascript

);});捕获元素，因为我们试图通过e.target而不是它的父元素直接捕获主元素。</body> 我无法更改jQuery代码$("#button1").click(function(){return false});，但仍然希望在单击button1元素(使用javascript)时捕获它，有什么解决办法吗？)});中--实际

浏览 1提问于2018-09-10得票数 0

回答已采纳

点击加载更多