React:按钮不工作(onClick) -应该传递给index.js，但什么也没有发生
React是一个用于构建用户界面的JavaScript库。它是由Facebook开发并开源的，并已成为前端开发中非常流行的框架之一。
对于按钮不工作(onClick)而没有任何反应的情况，可能有多种原因导致。以下是一些可能的原因和解决方法：
- 检查事件处理函数是否正确传递给按钮的onClick属性。确保没有拼写错误或其他语法错误。例如，确保正确使用了箭头函数或绑定函数。
- 确保按钮被正确渲染并且可见。可以检查按钮的样式和布局是否正确，确保没有其他元素或样式覆盖了按钮。
- 检查是否有其他事件监听器或事件捕获器阻止了点击事件的传播。可以使用浏览器的开发者工具检查按钮是否正确注册了事件监听器，并且没有其他元素阻止了事件的传播。
- 如果使用了类组件，确保事件处理函数在组件实例中正确绑定。可以使用bind方法或箭头函数来确保事件处理函数绑定了正确的this上下文。
- 检查组件的层次结构，确保事件处理函数传递给了正确的组件。可以通过打印或调试来确认事件处理函数是否在正确的组件中被调用。
如果以上方法都没有解决问题，可以考虑以下几点：
- 检查React版本是否过旧或过新，可能与React版本不兼容导致的问题。可以尝试升级或降级React版本。
- 检查是否存在其他代码或库与React冲突，可能存在命名冲突或全局变量冲突导致的问题。可以尝试去除其他代码或库，只保留React相关的代码，看是否能解决问题。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供高性能、可弹性伸缩的云服务器实例，适用于各种应用场景。详情请查看：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：无服务器计算服务，可以在没有服务器的情况下运行代码，弹性扩展、按需付费。详情请查看：https://cloud.tencent.com/product/scf
- 腾讯云云数据库MySQL版（CDB）：高性能、可扩展的关系型数据库服务，提供全面的数据存储和管理解决方案。详情请查看：https://cloud.tencent.com/product/cdb
相关·内容
但是，如果您按下底部的“向前箭头”按钮，则不会发生任何事情，也不会被重定向，即使handleDetails2()函数应该会处理它。在这里您可以看到与此相关的类(FormEmergencyType)： import React from 'react'; // className={classes.forwardbutton}
浏览 12提问于2019-06-26得票数 0
回答已采纳
我不明白为什么当我点击我的应用程序中的链接时，什么也没有发生。import React from "react";import Game from "
浏览 13提问于2020-02-06得票数 0
回答已采纳
1回答
假设我有一个React组件，里面有一个按钮，我想把这个组件集成到一个现有的网页中(不是用React构建的)。每次点击按钮时，我都想更改网页上的一些图像。我想以某种方式将一个回调传递给React组件，并在按钮被单击时调用该回调，这样当按钮被单击时，网页就可以决定它想要做什么。这个是可能的吗？如果是这样，我应该怎么做呢？如果这是不可能的，有什么替代方案？function App(): JSX.Eleme
浏览 12提问于2021-04-05得票数 0
但是，我想知道React组件中的任何内联函数是否应该与onCallback一起包装以提高性能？在什么情况下，我不会用onCallback包装这样的函数？something'); <NoCardOverflow> </NoCardOverflow>
)
浏览 3提问于2022-04-25得票数 0
回答已采纳
{ isModalOpen: false, return ( </div> }
} 现在，当我单击容器时，isOpen属性变为true，并将其传递给现在，当我单击false按钮时，它应该关闭模式
浏览 162提问于2020-07-17得票数 0
回答已采纳
首先，我必须说，我已经查看了这个站点上所有的“向子组件传递函数”，但没有找到解决问题的方法。我有一个父类：import $ from 'jquery'; </div>
</div&
浏览 7提问于2018-01-01得票数 1
回答已采纳
2回答
我能够实现显示和隐藏的面板上点击一个按钮。但是当我点击外面的时候，我想要隐藏同样的东西。我是附加外部点击处理程序，当我这样做时，它甚至没有出现。有人能帮上忙吗
import ".{sideMenuRef} className={`panel ${show && "slidein"}`}> <&
浏览 1提问于2022-11-17得票数 0
回答已采纳
1回答
我想把这个箭头函数传递给一个子组件，它是一个类组件。但是我不知道为什么它看起来不工作，当我在类组件中使用它时，它不导航。也许我把道具传错了。userId={query.get('id')} navigate={navigation} /> )子组件 handleClick{
this.prop
浏览 5提问于2022-07-19得票数 0
import React,{useState} from "react";
};
<div className="row container">
<button onClick
浏览 2提问于2020-02-15得票数 2
回答已采纳
有些问题是相对的，但完全不同。
但是如何将参考文献设置为this.props.children？Child是动态的，
类子扩展React.Component {方法(){警报(1111)；}呈现(){返回(.))；}
导入从‘but’//无法从‘./ onClick’导入子类的父类扩展了=> {onClick= () =>{ this.props.children.method() //
浏览 6提问于2017-09-12得票数 2
回答已采纳
我正在尝试将事件处理程序传递给父组件，因此我编写了以下代码： import React, { useState } from "react";
<App /> rootElement
); <script src="https://cdnjs.cloudflare.com/ajax
浏览 11提问于2020-10-25得票数 1
回答已采纳
当我点击按钮触发inputFile.current.click()时-它起作用了。但是当它在useEffect/useLayoutEffect中发生时-它不起作用(我尝试添加超时，但也没有帮助)。重现问题的工作示例：https://codesandbox.io/s/react-hooks-counter-demo-forked-49n2t?file=/src/index.js 尽可能少的代码来呈现问题 import <
浏览 115提问于2021-03-24得票数 3
今天我在编写一些演示代码时注意到了这种奇怪的行为，我很好奇发生了什么。"Button“不起作用，尽管"Button 2”是用不同的方式设置的。我知道这与报价有关，但我很好奇为什么会发生这种情况。类似地，如果我在引号中将一个函数传递给按钮3，而将它直接附加到按钮4中，那么按钮4可以工作，但是按钮3不能。另外，我认为，考虑到按钮2的工作原理，它将立即对console
浏览 0提问于2019-07-29得票数 1
回答已采纳
2回答
我使用的是反应路由器4，我有两个组件1- ShopLogin 2- Shopper.单击按钮后，我试图从ShopLogin组件重定向到Shopper组件。一切都很好。在单击按钮后，URL也会发生变化。但问题是，在单击按钮后，我能够在浏览器上看到这两个组件。组件不刷新。不知道为什么会发生这种事。下面是我的密码。this.context.router.history.push('/shopper');
render()
浏览 11提问于2017-04-15得票数 3
3回答
我是react JS的初学者，正在尝试完成他们在网站上提供的tic tac toe教程，但我很难理解代码是如何改变状态的。以下是游戏使用的两个组件的代码片段： { <button</button> } {
su
浏览 0提问于2020-02-10得票数 0
我在我的index.js文件中打开了一个这样的反作用web应用程序： <React.Fragment> </React.Fragment>,)im
浏览 4提问于2022-01-27得票数 0
回答已采纳
BuySectionItem.js constructor( props )return <Button text="Buy Ticket" type="green-gradient" onClick={ this.toggleTicketModal }/>from 'react';
import Modal from &#x
浏览 6提问于2020-01-02得票数 2
回答已采纳
我阅读了一些关于React的介绍，并想要制作一个简单的应用程序，在标题组件中有一个按钮，这决定了主应用程序是否应该显示侧边栏。按钮在标题中设置变量showSidebar，我希望在主组件中再次读取它。我是index.jsimport ReactDOM from "react-dom";
import HeadershowSideB
浏览 0提问于2019-07-12得票数 1
回答已采纳
1回答
我有一个useEffect的react组件，当道具发生变化时，它不会被触发。我想要这个组件更新它正在显示的基于支柱的内容。但是，当道具发生变化时，什么也不会发生。为了调试，我添加了一个按钮，该按钮将手动更新该值，该按钮可以正常工作。我只是不能让useEffect为我的生命而奔波。updates the value
const onClick = (e: React.MouseEvent<
浏览 1提问于2020-05-21得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
