react中有没有全局onClick函数？

文章/答案/技术大牛

发布

1回答

javascript、reactjs、styled-components

$('button').click(function(){}) 但是在react中，我们使用styled-component制作不同的组件，我不想在每个页面和组件中添加onClick函数。我可以添加像jQuery点击函数这样的东西吗？

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

回答已采纳

2回答

劫持反应处理函数

javascript、events、reactjs

我试图从全局方法中劫持所有按钮处理程序，并在满足特定条件时手动触发处理程序。({ console.log('component onclick'); render: function(){ <div onClick={this.props.clickHandler}> <button handlerclickHandler={

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

2回答

带有react的innerHtml中的onclick元素

reactjs、function、onclick、element、innerhtml

在组件中，我调用一个函数来实现此操作：..... ..... .... } functionExam

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

1回答

React-leaflet GeoJSON `onClick`

javascript、reactjs、re、react-leaflet

GeoJSON组件似乎没有onClick处理程序，它是组件的全局处理程序。如果您添加onClick，它将工作，但TypeScript将触发一个错误。示例代码：const MyComponent = () => ( key={id} data={geometry}

浏览 0提问于2021-03-04得票数 0

4回答

Reactjs，onclick函数是自动触发的

reactjs、react-jsx

"use strict"; displayName: "Movie", "div", React.createElement(( { style: main

浏览 2提问于2016-03-31得票数 3

2回答

TypeScript:在没有导入的情况下，使用来自其他环境外部模块的类型声明一个全局变量

typescript、typescript1.4

我在一个global.d.ts文件中有这段代码，用于创建特定函数的全局快捷方式：declare var a: React.HTMLFactory;import

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

回答已采纳

2回答

函数组件和组件类之间的区别？

javascript、reactjs

这是在React JS中的教程之后。class Square extends React.Component { return ( className="square" >“当

浏览 1提问于2019-04-28得票数 0

2回答

ReactJs试图在Ajax loads元素之前附加onclick处理程序。

javascript、ajax、reactjs

以下是代码： getInitialState: function() {module.exports = React.createClass({ Uncaught TypeError: C

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

回答已采纳

0回答

在react中，有没有办法在函数内部传递变量

reactjs、global-variables、continue、pause

但是在react中，我不知道如何给出一个全局变量，因为所有的函数都可以对其进行评估。请看一下我的代码，有没有什么方法可以让暂停和继续按钮起作用？在普通的javascript中，我可以将定时器设置为全局变量，并从另一个函数访问它，这样，我就可以在需要的时候调用定时器上的clearInterval，但在react中，我不知道如何调用定时器的clearInterval来暂停begin函数，因为它被限制在begin函数块中。import <e

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

回答已采纳

1回答

观察者全局变量reactjs

reactjs、mobx、mobx-react

是否可以观察全局const，例如gloabl const，我们可以将其称为Auth.tsimport { observable, action, computed } from'mobx'; loggedIn: false,})

浏览 2提问于2020-06-18得票数 0

回答已采纳

5回答

到达React中的类方法(类中的函数)

reactjs、function、class

以下是代码import ReactDOM from 'react-dom'; <button type="submit" onClick={this.sayHi}>Press me</button>}export defa

浏览 1提问于2020-02-21得票数 0

2回答

导入语句:有或没有反应？

reactjs、ecmascript-6

关于是否有必要在无状态组件中导入React，有一点争论正在进行，我找不到关于它的任何文档。所以：import React, { PropTypes } from 'react'; import { PropTypes } from 'react'; return ( <button o

浏览 2提问于2016-06-23得票数 11

回答已采纳

4回答

在React中，如何调用存在于另一个组件中的函数？

javascript、reactjs、function、react-component

在我的react的App.js的return中，我目前正在以一种可以工作但很混乱的方式调用this.searchVenues()，而且我知道还有一种更好的方法。searchVenues()函数位于App.js中，我有一些按钮需要放在它们自己的组件中，然后只调用<ButtonComponent/>，而不是： return (<Navbar/> <div className

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

1回答

使用单独的模态触发器按钮创建模态组件

javascript、reactjs、babeljs、jsx

我正在尝试创建一个模态组件，它将由onClick()函数从任何全局元素触发，即:链接、按钮、跨度或整个应用程序中的任何其他元素。import React from 'react'; display: 'block' display: 'none'

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

3回答

在ReactJS中，this.state.function和this.function有什么区别

javascript、reactjs

我正在学习React中的状态概念。我正在尝试理解使用this.handleChange和this.state.handleChange之间的区别。class MyApp extends React.Component { super(props); </div> } class GetInput

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

2回答

ReactJs:定义事件处理程序的最佳实践

javascript、html、reactjs、events、event-handling

我最近开始使用React，我想知道在React中定义事件处理程序的最佳实践是什么。这就是我一直使用react事件处理程序的方式：import ".这样，它变得清晰、干净和简洁，而不是在组件中创建多个函数(事件处理程序或非事件处理程序)。例如： import React, { useState } from "react"

浏览 1提问于2020-11-12得票数 2

回答已采纳

1回答

重新导出此类型的正确方法是什么？

reactjs、typescript

假设我在typescript中有一个纯函数react组件，如下所示： import React, { MouseEvent } from 'react'; onClick, onClick: (evt: MouseEvent) => void, <div onClick={onClick}> Hello wo

浏览 26提问于2019-10-04得票数 0

回答已采纳

1回答

如何在Reactjs中的任何点击事件中获取之前点击过的元素？

reactjs

我正在尝试在我的应用程序中进行单个选择。我有一个网格，里面有一些图像。当我单击一个图片时，它的父图片的背景颜色变成了红色。我描述了这个事件它被选中了。我想在单击任何位置时取消选择上一项。如果点击的图像是我的项目之一，那么新的项目应该被选中，上一个项目应该被取消选择。如果单击的元素不是我的项目之一，则应取消选择前一项。当我选择一个项目，然后单击其他项目之一时，它正在工作。但是，当我选择了一个项目，然后点击出我的项目，它不工作。在这个例子中，我的prevClickedElement参数引用了上一次单击的元素的上一个。我不知道为什么在上下文中的clickElement中和Piece组件中的remo

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

2回答

当React组件中的事件回调函数与"null“参数绑定时，"this”指的是什么？

javascript、reactjs、bind、dom-events

在中，React表示组件内的按钮单击事件回调函数明确地绑定到null：但是，在回调函数中，this关键字用于访问React容器组件的状态： ...var newState = Object.assign({}, this.state

浏览 1提问于2017-04-21得票数 0

1回答

为什么我的按钮onClick处理程序的history.push代码不能工作？

reactjs、onclick、react-router-dom

我使用React.js只有一个月左右，我希望有人能指出我的错误，这样我就能学到更多。我已经创建了一个可重用的按钮组件，但是在测试期间，当按钮正确显示并且我可以正确地更改值时- onClick函数不工作。现在，我正在尝试让按钮将onClick重定向到第一个路径。={handleRoute} </div>}import React

浏览 11提问于2021-05-19得票数 0

回答已采纳

点击加载更多