React onClick事件仅对单击的div触发，而不对另一个触发一次
React的onClick事件是React中常用的事件之一，用于处理元素的点击操作。当一个元素被点击时，onClick事件会被触发，并执行相应的处理函数。
对于这个问题，可以给出以下完善且全面的答案：
React的onClick事件是React中用于处理元素点击操作的事件。它可以绑定在各种元素上，如按钮、链接、图像等。当一个元素被点击时，onClick事件会被触发，并执行相应的处理函数。
在React中，onClick事件只会对单击的div触发，而不会对另一个div触发一次。这是因为React中的事件处理是基于事件冒泡机制的。当一个元素被点击时，事件会从该元素开始向上冒泡，直到根元素。在这个过程中，如果有多个元素绑定了相同的onClick事件，只有最内层的元素会触发该事件。
React的onClick事件可以用于各种场景，例如处理按钮的点击事件、实现导航链接的跳转、展示或隐藏某个元素等。它提供了一种方便的方式来响应用户的交互操作。
腾讯云提供了一系列与React相关的产品和服务，可以帮助开发者构建高性能、可靠的React应用。其中，腾讯云的云服务器CVM、云数据库MySQL、云存储COS等产品都可以与React结合使用，提供稳定的基础设施和数据存储支持。具体产品介绍和链接如下：
- 云服务器CVM：腾讯云的云服务器产品，提供高性能、可扩展的计算资源。可用于部署React应用的后端服务。了解更多：云服务器CVM
- 云数据库MySQL：腾讯云的关系型数据库产品，提供可靠的数据存储和管理服务。可用于存储React应用的数据。了解更多：云数据库MySQL
- 云存储COS：腾讯云的对象存储产品，提供安全、可靠的文件存储和管理服务。可用于存储React应用中的静态资源文件。了解更多：云存储COS
通过结合腾讯云的各类产品和React的强大功能，开发者可以构建出功能丰富、稳定可靠的云计算应用。
相关·内容
2回答
我有一个功能组件
import React, { useState } from 'react'
export default function AboutUs() {
const [counter,setCounter] = useState(0);
const clicked = () => {
setCounter(counter+1);
}
return (
<div>
<p>you clicked {counter} times</p>
<button onClick
浏览 1提问于2021-07-28得票数 1
回答已采纳
在制作可点击的Dropdown组件时，我遇到了一个问题。我的任务是在单击按钮时显示菜单，当用户单击文档中的任何位置或单击同一按钮时隐藏菜单，所有组件都应该是功能组件。
我使用名为classnames的第三方包，它帮助有条件地加入CSS类，也使用React ContextAPI将道具传递给Dropdown子组件。
Dropdown组件依赖于两个子组件。
DropdownToggle -(呈现可单击按钮)
DropdownMenu -(呈现带有菜单项的div )
问题：
每当我打开菜单并单击文档菜单中的任何位置时，都会很好地工作，但是当我打开一个菜单并想用一个按钮隐藏时，单击它就不起作用了。我认为
浏览 6提问于2019-10-14得票数 1
我在React中有一个代码，其中我有两个嵌套菜单的列表菜单。
class Nav extends React.Component {
state = { open: false };
handleClick = () => {
this.setState({ open: !this.state.open });
};
render() {
const { classes } = this.props;
return (
<div className={classes.root}>
<List
浏览 1提问于2018-06-06得票数 0
单击事件在鼠标向下事件上被触发。是否有任何方法可以取消单击事件而只触发鼠标下压事件？
<div onClick={this.onClick}
onMouseDown={this.onMouseDown}> </div>
我用的是react 16。
浏览 3提问于2018-06-19得票数 0
回答已采纳
1回答
我有这样一种情况，在中，我有多个在列标题上触发的单击事件。将有一个用于过滤器下拉的事件和另一个用于排序的事件。有一个过滤器图标，单击该图标将显示列过滤器选项。在单击标题时，排序也应该发生。
现在，每当我单击筛选器图标时，两个处理程序都会被解雇。有人能帮我一下吗。
单击过滤器图标时，应仅触发过滤器处理程序
如果能帮上忙，我们将不胜感激。
沙盒：
父级
import * as React from "react";
import { render } from "react-dom";
import ReactTable from "react-table&
浏览 10提问于2019-07-30得票数 1
回答已采纳
1回答
在搜索主题"“之后，我无法找到提高当前应用程序性能的解决方案。
Context：我有多个React组件：
- **App**: root component, has **`itemSelecting`** state to detect current item selecting (`FirstComponent` or `SecondComponent`, two different components). It has an **`mousedown/mouseup`** event listener to detect outside click `FirstC
浏览 5提问于2019-10-10得票数 1
回答已采纳
我想要在点击<Burger />或者点击<Burger />之外的地方时关闭菜单。使用我当前的代码，只有在<Burger />外部的单击将被处理，但在<Burger />上的单击将不会关闭菜单。
当我在handleClickOutside函数中将domNode反转为!domNode时，在<Burger />内部单击可以正常工作，但在<Burger />外部单击将不再关闭菜单。此外，我还尝试向handleClickOutside函数添加其他条件，但同样不起作用。
我遗漏了什么？
谢谢!
export class NavB
浏览 1提问于2020-04-28得票数 0
我希望通过键盘处理更改与通过鼠标单击处理更改不同。为此，我创建了以下组件。我的问题是，当我使用箭头键和空格选择单选按钮时，在从输入元素中使用onClick方法之前，它使用来自父div元素的onChange方法。造成这种行为的原因是什么，我如何正确处理它？
class Radio extends React.Component {
constructor(props) {
super(props);
this.onChange = this.onChange.bind(this);
this.onClick = this.onClick.bind(this);
浏览 6提问于2017-06-02得票数 3
回答已采纳
更改组件的状态然后更改url时，preact组件不会卸载。
问题是IE和safari特有的。
当使用浏览器的“回溯”函数时，componentDidMount不会触发，状态也不会设置为初始值。
下面是一个例子，您可以在本地运行以获得更好的理解。
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/preact/8.4.2/preact.js"></script>
浏览 0提问于2019-05-21得票数 1
我希望在单击<input type='file'...>时显示一条自定义警告消息，然后让浏览器通过单击“确认”按钮启动文件选择对话框。这是为了确保用户正确地知道警告消息。有可能吗？
import React from "react";
import "./styles.css";
export default function App() {
const [warn, setWarn] = React.useState(false);
const inputRef = React.useRef();
const han
浏览 4提问于2020-06-08得票数 4
回答已采纳
1回答
React冒泡失序的事件传播
、、、、
对于下面的代码，我希望在单击数字3时打印出3, 2, 1。实际的打印输出是1, 3, 2。
这是什么原因呢？
document.body.onclick = () => {
console.log('1')
}
function Test() {
return (
<div onClick={() => console.log('2')}>
2
<div onClick={() => console.log('3')}>
3
<
浏览 8提问于2017-07-20得票数 7
1回答
“后退”按钮不能向后导航
、、、、
我的App.js代码，所有路由都是从这里完成的
import React from 'react';
import ReactDOM from 'react-dom';
import $ from 'jquery';
import {FirstPage} from './FirstPage.js';
import {Panorama} from './Panorama.js';
import {BrowserRouter,Route,Router,Switch} from
浏览 1提问于2017-08-10得票数 1
回答已采纳
我对相当简单的任务有意见。在按钮单击我想要控制台日志输入值。所发生的情况是它记录输入更改，而不是单击。我做错了什么？
var Tasker = React.createClass({
getInitialState: function() {
return {
};
},
handleChange: function(event) {
this.setState({
value: event.target.value
浏览 3提问于2015-12-15得票数 0
回答已采纳
有一个简单的onClick事件，我希望看到单击元素的角色。造成这种情况的全部原因是，我的div上有一个onClick事件，它与它的一个子按钮混为一谈。如果单击是在div内的按钮上，或者在div中的其他地方，我需要单独的行为。
下面是我想要做的事情的一个例子：
const App = () => {
const onClickDiv = (evt) => {
if (evt.target.role === 'dropdown') {
console.warn('clicked on dropdown button. Do some
浏览 5提问于2021-08-24得票数 0
回答已采纳
我想在details标记上应用一个onClick事件。但是，我发现在应用事件之后，单击details和summary之外的元素也会触发事件。 我的问题是:如何使onClick事件仅在单击details和summary标记时触发，而不在任何其他元素上触发？ 下面是一个示例:单击Panel content将触发控制台日志。我只希望在单击Panel title时触发该函数。 Panel.js import React from "react";
const Panel = ({ toggleDetails, id }) => {
return (
<deta
浏览 16提问于2021-02-01得票数 0
回答已采纳
我有一个容器，它有两个子容器:一个输入字段和另一个div元素，它根据isActive的值有条件地呈现。我遇到的问题是，每当我单击子div时，就会触发onBlur。
我怎样才能防止这种情况发生呢？我已经尝试过e.stopPropagation()了，如下所示。另外，我尝试过将onBlur和onFocus迁移到容器div中，但这也不起作用。
import React from "react";
import "./styles.css";
export default function App() {
const [isActive, setIsAc
浏览 9提问于2022-03-18得票数 1
2回答
JS事件碰撞
、、
当我使用内置的JS/jQuery运行html时，会发生冲突。虽然这个动作onclick='window.location="location A"适用于整个区域，而onclick='action 1'应该只适用于“删除”链接。碰撞是当我按下‘删除’，JS首先计算出所需的action1，也(这是不需要的)重定向到‘位置A’。是否有可能将链接留在区域内，并使这个div的JS不对单击此链接作出反应？
<div class='scraper_item' onclick='window.location="location A
浏览 3提问于2012-08-21得票数 1
回答已采纳
我有一个可满足的div，它拥有自己的状态，允许我检查它自己的长度并显示警告。
这个可编辑的div是从一个类似表单的组件中调用的，该组件也保存了它的状态，并在触发onBlur时检索contenteditable div的innerText。
但是，如果用户在div被聚焦时单击任何按钮，它将只处理onBlur()事件，而不会处理在单击该按钮时应该发生的onClick。因此，从div焦点状态到点击(例如提交)需要两次点击，而我只希望有一次点击。
我希望和期望的行为是：
class Form extends React.Component {
state = {
name: this.p
浏览 1提问于2018-04-23得票数 0
2回答
我有一个<input>元素，如果它有焦点，我希望在输入下面显示内容(div)。
另外，在每次单击输入时，我都想隐藏/显示div。
问题是，如果输入不集中，单击输入将触发onClick和onFocus事件，因此onFocusHandler将首先运行，因此菜单将出现，但在此之后，onClickHandler将运行并隐藏它。这是代码(不起作用)：
import React from 'react';
const MyComp = props => {
/*
...
state: focused, showContent (booleans
浏览 5提问于2020-10-09得票数 0
回答已采纳
我在我的应用程序中构建了一个购物车。流程是这样的：
客户看到一个项目列表并单击他想要的项目；下一页是他选择产品数量的地方，然后我在中保存，然后单击Confirm，他转到购物车，其中包含他选择的相同产品。在此页面(购物车)上，他可以更改数量，在此时刻，总数和数量必须更改(见下图)。
我可以重新加载页面，但在生产环境中页面不能正常工作。我需要在不重新加载页面的情况下执行此操作。
如何在不重新加载页面的情况下做到这一点？
我有3个组件:标题(与图标购物车)，ChooseQuantity和购物车。
请看下面的代码：
//My Choose Quantity Component
import
浏览 0提问于2019-08-09得票数 0
好的，所以我开始把我的头放在ReactJ上，但是一直被一个简单的概念所困扰，那就是一个简单的老jQuery。
当单击事件发生在另一个元素上时，我希望能够添加到屏幕上一个元素的内容中。在之后，我完全理解了他们实现对注释列表的添加的方式，注释列表是正在设置状态的父级的子元素。但是，这肯定不是唯一的办法，因为它感到非常僵硬和不灵活。
下面是我试图解释的一个简单的模型。单击按钮后，我想用id“newComments”向div注入新内容。JSBin：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8
浏览 2提问于2015-05-17得票数 1
回答已采纳
我在某个时候引入了一个bug (实时版本没有这个问题)，但是还没有弄清楚是什么原因造成的。
我在React中有一个按钮(它只是一个带有onClick的onClick)。
该按钮具有onClick和:hover CSS效果。
该按钮是通过单击另一个div (在第一次单击时工作)来加载的。
加载按钮(及其包装内容)后，该按钮在第一次单击时不会执行任何操作。不用做任何其他的事情，再点击一次，让我们工作得很好。
目前，我的onClick中有一条调试消息，因此它看起来如下所示
onClick={(e) => {
浏览 3提问于2019-09-25得票数 9
回答已采纳
我对setState()接受的object.The代码链接感到困惑，这里是，代码如下：
class Counter extends React.Component {
constructor(props) {
super(props);
this.state = {
intervalCount: 1,
buttonCount: 1
};
this.increment = 1;
this.intervalId = null;
}
tick() {
this.setState({
intervalCou
浏览 7提问于2017-12-02得票数 1
回答已采纳
我正在创建显示在屏幕顶部的菜单。当用户单击其中一个菜单项时，会出现大量链接的div。我不想通过单击另一个菜单项来隐藏这个div (没问题，已经实现了)，还可以单击其他任何地方，然后单击这个div和菜单项。
我听说了两种解决方案：
显示菜单后面的不可见div并覆盖整个屏幕，并向其添加单击处理程序。
将事件处理程序附加到document.body。
第一个对我不好，因为div将覆盖页面上的链接，我希望它们是可点击的，即使在单击菜单项之后，也会出现相应的div。所以我尝试了第二种方式。但问题是，jquery点击处理程序的body是在组件处理程序之前触发的。我不知道如何让它首先调用我的
浏览 2提问于2014-09-16得票数 14
回答已采纳
我写了一些代码来练习React。我希望有人解释为什么如果单击了clickChange的目标(h3)，状态就不会更新。
下面是我的主要应用程序组件：
import React, { Component } from "react";
import Prova from "./components/prova";
import "./App.css";
class App extends Component {
state = {
name: "giovanni"
};
clickChange = () =&g
浏览 1提问于2018-07-06得票数 0
回答已采纳
我编写了以下简单的react组件
在onBlur事件处理程序中，我通过setTimeout创建了一个新的宏任务
function App() {
const onBlur=()=>{
console.log('onBlur')
setTimeout(() => {
console.log('setTimeout')
}, 0);
}
const onClick=()=>{
console.log('onClick')
}
return (
<d
浏览 9提问于2022-02-11得票数 0
回答已采纳
1回答
因此，我有一个React项目，我被困在这个问题上:我的应用程序看起来像这样(它更复杂，但这就是我要说的.)：
<App>
<Container>
<Item />
</Container>
<Button />
</App>
我需要做的是，当我单击Button时，在Item中调用一个方法。我在想，我可以做一些事情，比如通过道具把一个事件从App发送到另一个项目。所以看起来是这样的：
class App extends React.Component{
...
event buttonClicke
浏览 0提问于2018-04-08得票数 4
回答已采纳
var Vote = React.createClass({
onVote(event){
console.log("event triggered");
event.stopPropagation();
event.nativeEvent.stopImmediatePropagation();
},
render: function() {
return <div>
<ul>
<li onClick={this.onVote}>
浏览 2提问于2016-10-07得票数 6
回答已采纳
我正在尝试创建一个函数，当单击“下一步”按钮时，它将传递给我的api的另一个随机对象。但是我不能执行这个函数，检索其他值，并在浏览器中更新信息。 App.js import React, { Component } from 'react';
import './App.css';
class App extends Component {
state = {
data: [],
chosenPlanet: 0,
}
componentDidMount() {
const url = 'http://localho
浏览 8提问于2019-04-15得票数 0
回答已采纳
当使用带有React的Bootstrap时，它会触发自定义样式复选框的单击事件两次。一个用于rowClicked，另一个用于checkboxClicked。只有当im使用引导自定义样式复选框时，才会发生这种情况。默认复选框不存在此问题。
如何两次停止自定义样式的checkbox触发事件？
示例：
代码：
class Test extends React.Component {
constructor(props) {
super(props);
this.checkboxClicked = this.checkboxClicked.bind(this);
this
浏览 0提问于2020-02-11得票数 0
1回答
我有一个搜索表单，有几个输入，用户可以输入数据和一些按钮在右手边，以切换搜索。每样东西的下面都是主要的“搜索”按钮。当用户单击“返回”或“输入”任何输入时，会发生什么?这是在我的切换按钮上，onClick处理程序总是会触发，我不知道为什么。我在这里用小提琴/代码再现了这一切的要点：
class Sample extends React.Component {
handleSubmit(e) {
e.preventDefault();
console.log('handle search called');
}
handleClick(e) {
浏览 0提问于2018-03-21得票数 0
回答已采纳
我在教自己反应，我遇到了一些我很难理解的东西。当我用下面getNavList()中的代码构建我的项目时，当我单击组件中呈现的一个按钮时，我会得到以下错误：“无法读取未定义的‘单击’的属性。”
export class Pane extends React.Component {
constructor(props) {
super(props);
}
getNavList() {
var buttons = [];
if(this.props.subNavButtons != null){
for(var i = 0; i < this
浏览 0提问于2018-11-05得票数 0
回答已采纳
2回答
React.js Dialog组件存在问题，该组件包含一个项目列表。Dialog中也有一个覆盖层。当用户单击它时，它会自动关闭。但情况是不同的。该对话框还包括一个项目列表，其中包含一些围绕<a>元素的外部链接，以及一些带有<div>的链接。
但是关闭对话框的方法不能正常工作。当我单击任何列表项内时，对话框将自动关闭。
请看这个：
我的目标是在用户单击覆盖层或用户单击用<a>元素包装的列表项时关闭对话框。否则，就不应关闭。
我还是搞不清楚什么是解决这个问题的正确方法？
App.js
import React, { useState } from &
浏览 3提问于2021-02-16得票数 0
回答已采纳
我有两个react类，它们都有render函数，用一个按钮返回表单。在A类中，我必须导入B类，这样我才能使用B类的表单。
My problem：当我单击内部按钮时，外部按钮也会被触发，但我只希望内部提交按钮工作。
我的尝试：我检查了控制台，发现它给了我一个警告：validateDOMNesting: form不能作为form的后代出现。
我做了研究，并认为问题可能是由于嵌套形式。因此，通过将类B中的<form></form>更改为<div></div>，我找到了一个解决办法，因此它不再是一个表单。现在它在控制台上没有给出错误，但问题仍然存在:如果
浏览 0提问于2017-10-27得票数 0
回答已采纳
1回答
控制NavBar
、、、、
我正在使用Bootstrap和ReactJS，并试图在向下滚动时更改导航栏上的活动选项卡。目前，当我单击某个部分时，活动选项卡会发生变化。每个部分都是网站上不同的组件。 ? 在上面的图片中，我点击了“最近的项目”标签，所以它被激活了，并向下滚动到最近的项目。即使我使用滚动条向下滚动，我也希望站点更改活动选项卡。 这是导航栏的代码。请帮帮我！ import React from 'react';
import { Link } from 'react-router-dom';
// import Scrollspy from 'react-scrol
浏览 18提问于2020-06-05得票数 0
1回答
我有多个元素，它们都有相同的ID (播放器-左)。我是否可以使用JS "this“只对被单击的div做一些事情，而不对其他的呢？
这显然不起作用，但只是为了问题.
player_left.onclick = function() {
this.player_left.classList.add("active");
}
浏览 5提问于2021-06-17得票数 0
在我的react应用程序中，其中一个组件创建了一个按钮下拉菜单，如下所示。
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
<span class="caret"></span></button>
<ul class="
浏览 0提问于2017-09-14得票数 3
回答已采纳
2回答
我有以下问题。我有一个名为Modal的子组件，它由一个引导按钮和一个弹出窗口组成。Modal出现在一个名为renderPosts的呈现组件中。
Component.js
deleteThis(id){
console.log("THE ID IS", id);
}
renderPosts(post) {
return (
<tr key={post.id}>
<td className="col-md-3"> {post.id}</td>
浏览 5提问于2016-11-25得票数 0
回答已采纳
我试图将jQuery的动画功能与站点上的书签id连接起来。当我单击该链接时，它会转到没有动画的书签id，但当我再次单击相同的链接时，动画工作。
var TitleNav = React.createClass({
handleSubmitClick:function()
{
$('a').click(function()
{
$('html, body').animate(
{
scrollTop: $( $.attr(this, &#
浏览 2提问于2016-04-21得票数 0
回答已采纳
考虑一下这个例子
<div onClick={() => redirectTo('/foo')}>
<input type="text"/>
<input type="button" onClick={() => redirectTo('/bar')} />
</div>;
在本例中，当我通过单击第二个输入来测试这个示例时，React总是重定向到/foo，这是正常的行为吗?我如何使ReactiveRedirectto/bar？非常感谢!
浏览 1提问于2021-11-15得票数 1
回答已采纳
我已经建立了一个自定义钩子来方便地显示/隐藏元素，我有一个函数，如果我在元素外单击就会隐藏元素，这是我的钩子代码：
const useToggle = () => {
const [isToggled, setIsToggled] = React.useState(false);
const ref = React.useRef();
let isMounted = React.useRef();
React.useEffect(() => {
isMounted.current = true;
return () => {
i
浏览 15提问于2021-05-17得票数 0
回答已采纳
一直在玩反应。有两个事件侦听器，一个是侦听onChange的输入，另一个是当它单击时应该将值按到数组上的按钮。
下面是代码：
import React, { Component } from 'react';
let arr = [];
class App extends Component {
constructor() {
super();
this.state = {text: 'default'}
}
update( e ) {
this.setState({text: e.target.value})
}
a
浏览 3提问于2017-07-01得票数 1
回答已采纳
2回答
我有一个包含handleClick的MenuCard组件，它返回各种菜单的名称和图像。我还有一个LikeButton组件，它有一个计数器，并在每次按下按钮时递增。
我在MenuCard中尝试使用此LikeButton时遇到了问题，因为每次我单击该按钮时，它都会转到所选菜单的id页面，如果用户单击该卡，它应该会这样做。
但是，当我单击LikeButton时，如何让它避免这种情况呢？我只是不确定在MenuCard中在哪里调用LikeButton。
MenuCard组件：
import React from 'react';
import Card from 'react-
浏览 1提问于2020-02-18得票数 1
3回答
我已经创建了一个工具提示，当单击按钮时会打开它。
当再次单击按钮时，应该关闭它，但它似乎不起作用，它只在单击外部某个地方时才关闭。
这是代码：
import React, { useState } from 'react';
import Tooltip from '@material-ui/core/Tooltip';
import ClickAwayListener from '@material-ui/core/ClickAwayListener';
import Button from '@material-ui/core/But
浏览 0提问于2021-04-02得票数 2
回答已采纳
2回答
我有一个名为“Display”的组件，其函数为“selectRow(Param)”，当单击“行”按钮时，该组件将被传递给“行”组件，但一旦呈现“行的组件”，该函数就会被调用。如何将“selectRow”函数设置为只在单击按钮时调用？
显示
import React, { useState } from 'react';
import Row from './Row';
import { generateRows, rearrangeCards } from '../helpers';
function Display({ displayDe
浏览 4提问于2019-11-20得票数 0
回答已采纳
1回答
在我的主容器中，布局包含以下代码 import React, { Component } from 'react';
import Header from '../../components/Navigation/Header/Header';
import SideBar from '../../components/Navigation/SideBar/SideBar';
class Layout extends Component {
state = {
showSideBar: true
}
浏览 15提问于2019-05-30得票数 0
回答已采纳
我正在编写我的第一个reactjs + flux应用程序，我已经设法让基本代码正常工作。但是，有一个列表，它根据单击的列表项填充另一个列表。在我将我的列表数据硬编码到存储中之前，这一直运行得很好。但是，当我开始从服务器获取列表项的数据时，第二个列表不会通过一次单击来填充-它需要两次单击才能完成。我不认为从服务器获取数据是一个问题，因为默认数据是正确填充的。经过调试，我发现存储也正确地返回了数据，但是setState()没有设置数据。我做错了什么？下面是我的代码：
function getInitialData(){
return{
items:DataStore.get
浏览 1提问于2015-05-21得票数 0
我正在使用jQuery UI工具提示。这里我的问题是，我将它用于一个元素，该元素注册了一个onclick事件。只要我通过我的iOS iPhone浏览我的web应用程序，我就必须在元素上单击两次才能触发onclick事件。因此，第一次单击用于显示工具提示，第二次单击用于实际的onclick事件。
有没有可能的解决方案来禁用移动设备的工具提示？也许你对移动版有另一个想法，但我不想要求用户必须点击两次。
浏览 0提问于2015-05-25得票数 2
2回答
所以我有这个例子来展示我现在正在处理的一些代码遇到的问题(由于各种原因，我无法发布确切的代码)。
var Test1 = React.createClass({
getInitialState: function() {
return {
events: ['Demo loaded'],
buttonClicked: false
};
},
componentWillMount: function() {
document.addEventListener('click', this.onDocum
浏览 0提问于2015-07-11得票数 3
在React中，我只有一个月的日历是我使用</table/>标记创建的，我正在处理的概念是当我单击一个随机的日期时，我想要创建一个事件(form)并提交它，但是如果在这一天已经有一个事件，我想要显示(在这一天创建的事件的概述)(类似于Google日历)。
我如何在表单(在这一天创建一个事件)和基于创建的事件的事件组件之间切换onClick？
日历组件
import React,{useState} from 'react';
import Day from './Day';
import Event from './Event';
浏览 0提问于2021-08-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
