在ReactJS中使用迭代时，如何将onClick事件传递给父组件？

文章/答案/技术大牛

发布

1回答

ReactJS:让函数同时访问父属性和子属性？

javascript、reactjs、onclick

我正在处理ReactJS中的一个项目，其中我希望父类能够将onClick事件传递给其在render()函数中的一个子组件，并使该onClick事件能够访问父组件和子组件的属性。我已经知道了如何让函数分别访问父对象和子对象，而不是同时访问。对于parent I，我使用： //in parent

浏览 2提问于2017-03-05得票数 1

1回答

javascript、reactjs、onclick、iteration、material-ui

我想在单击事件后删除表格的行。我已经创建了迭代并显示了delete按钮，但在我的情况下不知道如何将onClick事件从父组件传递到子组件。我尝试将const row改为component并像往常一样传递onClick，但此方法会破坏我的表。父组件： constructor(props) { this.state = { d

浏览 3提问于2018-01-02得票数 2

回答已采纳

1回答

如何通过父组件中的单击事件更新子组件中的数据

reactjs

我是第一次接触reactjs。我有一个带有按钮列表的父组件和一个带有map的子组件。通过单击按钮，我想将坐标传递给子组件，但我在尝试更新地图组件内的数据时陷入了困境。带有按钮单击事件的父组件更新状态并将该状态传递给Map组件。type="button"

浏览 22提问于2021-07-16得票数 0

3回答

React JS将click事件传递给另一个组件

javascript、reactjs、material-ui

我在导航栏组件中有头像和菜单组件。我想通过点击阿凡达组件来触发菜单组件的功能。我的问题是如何将clickEvent从头像传递到菜单组件。 onClose={handleClose} >

浏览 44提问于2021-01-21得票数 0

回答已采纳

1回答

在无状态组件和map函数中处理Click事件

javascript、reactjs、react-functional-component

我使用的是ReactJs，我有两个无状态组件：父组件接收项目列表 {currentProjectData.map((project) => ( key=onMouseOver={handleChangeOnMouseEnter} ></Card>) 当有人在卡中单击时，我<em

浏览 12提问于2020-08-27得票数 0

回答已采纳

1回答

如何将函数作为道具从函数组件传递到类组件

reactjs、navigation、react-component

父组件是函数组件。它有一个箭头函数，可以导航到另一条路由。我想把这个箭头函数传递给一个子组件，它是一个类组件。但是我不知道为什么它看起来不工作，当我在类组件中使用它时，它不导航。也许我把道具传错了。父组件 let query =

浏览 5提问于2022-07-19得票数 0

2回答

单击React中的div时传递事件参数

javascript、reactjs

我的问题是当单击一个onClick时，React中的一个div事件的流。我的应用程序有一个ParentComponent，它调用一个ChildComponent，然后为ParentComponent中的props.options数组的每个成员创建一个div。我有两个问题： div如何知道是哪个option创建了它？我的意思是，this.p

浏览 2提问于2020-04-20得票数 1

回答已采纳

1回答

reactjs Onclick事件，将值发送到父级

reactjs

我对ReactJS、JavaScript和整个编码工作都是非常陌生的。我已经创建了一个从父组件传递给子组件数组列表，现在我想创建一个onClick事件，每当用户单击任何列表项时，该事件就会发生。该值(用作键id)被发送回父对象，因此父对象可以将该键值发送到另一个子对象，该子对象将根据要呈现的组件的关键字使用条件呈现。我最好不要使用像flux这样的其他库。我被卡住

浏览 14提问于2017-01-25得票数 6

回答已采纳

1回答

如何使用javascript获取api和express multer上传图像

javascript、node.js、reactjs、express、multer

我正在一个reactjs应用程序中工作，在那里我必须上传用户图像。我正在获取关于文件输入的onChange事件的文件，并将其传递给父组件，父组件将使用数据发出post请求。服务器端我使用express和multer进行文件上传，客户端使用fetch api上传图像。 (预先谢谢:)

浏览 0提问于2017-11-14得票数 5

回答已采纳

5回答

参数为ReactJS的回调函数

javascript、reactjs

使用ReactJS时，很难理解callback functions是如何使用ReactJS的。问题：如何将数据从子节点传递给父级？我希望将所选的待办事项传递给

浏览 8提问于2017-07-27得票数 8

回答已采纳

2回答

如何使用React Hooks从其他组件调用一个组件操作？

reactjs、react-hooks

这是我的accord组件操作： accord.js const toggle = useCallback(() => { } <div className={`Accord`} onClick={toggle} > 如何从其他组件调用一致操作？

浏览 42提问于2021-03-29得票数 1

3回答

从Reactjs中的另一个组件更新状态

javascript、reactjs

我希望从"A“组件更新主组件的状态，然后将其推送到"B”组件，然后使用它呈现动态填充框。主要组件: super(); events:[], addEvent(newEvents);

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

回答已采纳

1回答

从asp.net将一个相对映像url传递给Reactjs组件

asp.net-mvc-5、reactjs、relative-path、reactjs.net

如何将相对url传递给来自asp.net mvc 5项目的ReactJs组件？示例URL：样本组件： return ( <div onC

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

回答已采纳

2回答

子组件中的数据模型

meteor、reactjs、components、communication、meteor-react

我想知道在父/子组件之间进行通信的最佳实践是什么。我读过关于通信和组件状态的，但是没有找到正确的答案来解决问题。当任务组件中的值发生变化时，父组件如何知

浏览 4提问于2016-04-17得票数 1

3回答

Javascript值，而不是迭代期间的引用

javascript、scope

对于在ReactJs中创建列表组件，请使用以下简单方法： { key = { current.id }

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

回答已采纳

2回答

如何在React中调用可重用组件中的函数

reactjs

因此，我为button创建了一个组件，并且在我获得按钮的任何地方重用该组件。现在的问题是，当我尝试将onClick函数应用于该按钮组件时，我的函数不工作，因此请帮助我解决此问题。这是按钮组件Button.js import React from "react"; </div> <div class

浏览 28提问于2021-07-12得票数 0

回答已采纳

1回答

从父级传递到子级的事件未定义

javascript、reactjs

父类组件： console.log(event) // EVENT GOT UNDEFINED} 儿童功能组件： <div <em

浏览 2提问于2020-10-16得票数 0

回答已采纳

2回答

如何从reactjs中的按钮向函数传递道具

javascript、reactjs

我想使用事件处理程序将用户重定向到reactJS中的另一个路由，但我还没有想出如何将它的属性传递给事件处理函数。<button onClick={ChallengeActions.OpenChallenge(item.title) }>Start<button>onOpenChallenge: function(url) { window.location.href = u

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

5回答

如何将索引从javascript函数传递给onclick函数？

javascript、reactjs

在javascript ()函数调用中，我使用map()接受的第二个参数'index‘来遍历数据数组。如何将索引传递给onClick事件？我尝试将索引添加到onClick的参数列表中，但我只能访问这些事件。不管怎样，我可以通过这个索引吗？我需要让父组件知道用户单击了哪个productObject。default function SideProducts(props) {

浏览 3提问于2021-08-23得票数 0

回答已采纳

1回答

在onClick上使用reactjs中的文档对象

javascript、reactjs、dom

在reactjs onClick中使用文档对象是很好的实践吗？我知道useRef，但是如果我们有父组件和子组件，我想访问父组件网中的子组件元素。我真的需要创建多个引用，然后在子组件中转发它们吗？<div onClick={ () => { const filtersElements = document.querySelectorAl

浏览 4提问于2022-10-21得票数 0

点击加载更多

ReactJS:让函数同时访问父属性和子属性？