react js从事件调用函数

文章/答案/技术大牛

发布

1回答

如何检测用户是否正在关闭浏览器或浏览其他网站

javascript、reactjs、next.js、dom-events

我希望以这样的方式实现会话处理:如果用户关闭浏览器或选项卡，所有会话都会过期/销毁。但是，如果用户导航到另一个网站，我希望保留所有会话。我如何在Nextjs中做到这一点？

浏览 3提问于2021-10-15得票数 1

0回答

javascript、reactjs、create-react-app

如何在同一个类中调用react组件中的函数，我使用的是create-react-app BTW。

浏览 5提问于2018-07-07得票数 2

回答已采纳

3回答

Javascript如何知道何时执行隐式引用传递的函数？反应实例

javascript、reactjs、event-handling、pass-by-reference

App.js：import './App.css';onChange={props.setNameFun

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

1回答

Meteor:触发template.event调用外部服务器，并在blaze模板中作出反应

reactjs、http、meteor、server

我必须向Meteor应用程序(在烈焰组件中做出反应)添加一个react组件()，为了使其简单，组件是一个应该触发事件以将输入发送到另一个服务器的按钮。如果我试图从客户端进行http调用，但是我得到了跨源错误。因此，我需要从流星服务器调用API。我遇到的问题是，我找不到从react应用程序触发事件的方法。部分调用服务器端方法(runner.js)？如果否，如何触发事件以从re

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

回答已采纳

1回答

如何从导入的元素访问父函数

javascript、reactjs、react-native、ecmascript-6

我在我的react原生项目的index.js中有一个列表视图，如下所示。import { TouchableHighlight, StyleSheet, Image,View } from 'react-native';，onPress事件调用。并执行onPressRow函数。从on

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

1回答

无法使onDragStart事件对HTML5的拖放作出反应

html、reactjs、drag-and-drop

我面临的问题是，我的onDragStart事件没有将事件对象传递给处理程序方法。我已经提到了，它展示了事件对象是如何传递给处理程序的。 return ( onDragStart={this.dragStartHandler(event)}></div>} 正在调用处理程序我的目的是捕获事件</em

浏览 1提问于2017-07-13得票数 6

回答已采纳

2回答

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

reactjs

我在构造函数中生成一个元素列表，并在render函数中呈现它。我可以正确地将this绑定到事件处理程序，但仍然无法调用事件处理程序。我已经创建了一个import React from 'react';import './App'; ReactDOM.render(<Ap

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

2回答

onClick不触发事件React.js

javascript、reactjs、event-handling、dom-events

这是代码：从“.Document.addEventListener(“单击”，(e) => { console.log(e)；console.log(e.target)；});从“./ App”导入应用程序/context”导入{ AppProvider }；从ReactDOM.render( &l

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

回答已采纳

1回答

react事件有空的event.target

javascript、reactjs

如何在函数onClick div.id中获取showChildren事件的目标div.id<react></react> iterateNavigationObject</ul> ); console.log(event.type);//OUTPUT: '<e

浏览 0提问于2016-03-07得票数 3

回答已采纳

2回答

为什么按钮单击在页面加载时自动触发的事件- React.js

javascript、reactjs

下面是用React.js编写的示例代码。我知道将函数传递给onClick事件而不是调用该函数可以解决这个问题。但我无法理解的是，为什么onClick事件是在页面加载自身并通过调用handleRemoveAll()方法来提示警报时触发的。这是因为this.handleRemoveAll()是在global上下文中调用的吗？我正在努力理解react.js是如何工作的。class Indecision

浏览 0提问于2018-05-13得票数 1

回答已采纳

1回答

为什么事件处理程序会被调用两次？

javascript、reactjs

我正在开发一个应该在移动设备上运行的React JS应用程序。</div> );问题是change事件处理程序函数(listener)被调用了两次！功能构件体我的问题是，为什么绑定事

浏览 4提问于2022-02-13得票数 1

1回答

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

javascript、html、reactjs、react-native、infowindow

我必须在它上面调用onclick函数。Onclick功能有效，但仅用于警报。当我调用JS函数时，它不会被调用。我使用了this.bind，箭头函数和所有可能的方法，但都没有结果。它在react中，仅在此处粘贴相关代码： import pic1 from '../..

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

1回答

在事件处理程序(ReactJS)中调用外部函数

reactjs、import、event-handling、react-hooks

是否可以在事件处理程序中调用外部函数？我只是想在点击时运行一个外部函数，更重要的是我还想将一些状态作为道具传递给外部函数。示例代码如下： child.js import React from 'react'; //some logicto invoke }; parent.js import <

浏览 13提问于2020-09-16得票数 0

回答已采纳

1回答

从Android Webview与React* Js通信*

android、reactjs

如何从android webview向React Js发送数据？我知道从React js向Android发送数据非常简单。但是，我需要读取通过webview传递的React Js中的数据。例如，我发送了一个事件：webview.loadUrl("javascript:sayHello('Hello From Android')")，在React js中，我希望

浏览 71提问于2021-09-17得票数 0

回答已采纳

2回答

如何在组件外调用已有的onclick函数？

css、reactjs、react-native、react-router、frontend

我在我的Navbar.js组件中有一个菜单栏的onclick函数，我想在我的App.js中调用它，这样当我切换菜单栏时，我就可以将我网站中的一些特定页面向右移动。这是我的App.js，在div中className为mainpage的路径是我在切换菜单栏时想要移动的路径/页面 function App() { return ( <AuthProvider，它包含侧边栏和导航栏，还包含im尝试在App.js中调用的onClick<

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

回答已采纳

1回答

在react* js中使用参数调用回调的最佳实践*

javascript、reactjs、callback

我有一个简单的项目与react js.in我的项目，我有一个id的跨度。当在span上发生onMouseEnter事件时，span的id是displayed.and当发生onMouseLeave事件时，id被删除。事件中调用这个函数，如下所示onMouseEnter(()=>showId(id))，但我认为这不是最好的方法，因为每次onMouseEnter事件发生时，都会创建一个新函数。这是我的app.js

浏览 18提问于2021-07-02得票数 1

1回答

在React本机中更新表时，如何刷新从SQLite检索的数据？

sqlite、react-native、page-refresh

就像这样：import Test1 from './Tests/Test1"; constructor(props) { <Text>Last test result: {this.state.test1Score}</Text>} Tes

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

回答已采纳

3回答

在按钮单击事件时调用组件

reactjs

我是React.js新手，我想在按钮单击事件上调用我的组件。import { Button } from "antd"; class GoNext extends

浏览 1提问于2019-07-30得票数 1

1回答

在纯js文件中调用React类

javascript、reactjs

现在，我希望从javascript文件中调用一个react组件 export default cl

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

1回答

从组件外部更新状态

javascript、reactjs、axios、jwt、state

我已经创建了一个文件api.js，它创建了一个为请求设置baseURL的axiosInstance。在使用刷新令牌从服务器获得访问令牌之后，我希望在本地存储中更新它以及TokenProvider提供的令牌。我尝试从useToken中的TokenProvider导入api.js，但是React不允许在非组件的函数中使用钩子。React "useToken“在函数"{functionName}”中被调用，该函数

浏览 1提问于2021-07-30得票数 0

点击加载更多

如何检测用户是否正在关闭浏览器或浏览其他网站