Javascript 当调用useState时,在<;部门>;那也叫userState。为什么它在main调用useState<;部门>;?

Javascript 当调用useState时,在<;部门>;那也叫userState。为什么它在main调用useState<;部门>;?,javascript,reactjs,Javascript,Reactjs,当chide中的调用useState()时,在父对象中单击调用useState()的React callonClick 我想关闭div,但我无法关闭,它在期末考试中总是在父级调用onClick,然后它总是“打开” import React,{useState}来自“React”; 从“react dom”导入react dom; 导入“/styles.css”; 常量消息=()=>{ const[message,setMessage]=useState(“”); 常量单击=()=>{ 控制台日志

当chide中的调用
useState()
时,在父对象中单击调用
useState()
的React call
onClick

我想关闭
div
,但我无法关闭,它在期末考试中总是在父级调用
onClick
,然后它总是“打开”

import React,{useState}来自“React”;
从“react dom”导入react dom;
导入“/styles.css”;
常量消息=()=>{
const[message,setMessage]=useState(“”);
常量单击=()=>{
控制台日志(“打开”);
设置消息(“打开”);
};
常数关闭=()=>{
控制台日志(“关闭”);
设置消息(“关闭”);
};
返回(
单击()}>
{消息==“打开”(
打开
close()}>close na
) : (
不开放
)}
);
};
const rootElement=document.getElementById(“根”);
render(,rootElement);

您需要停止事件冒泡。按如下方式修改代码


从“React”导入React,{useState};
从“react dom”导入react dom;
导入“/styles.css”;
常量消息=()=>{
const[message,setMessage]=useState(“”);
常量单击=()=>{
控制台日志(“打开”);
设置消息(“打开”);
};
常数关闭=(e)=>{
e、 stopPropagation();//停止此单击事件以触发对父onClick()的单击
控制台日志(“关闭”);
设置消息(“关闭”);
};
返回(
单击()}>
{消息==“打开”(
打开
close(e)}>close na//pass事件或使用onClick={close}
) : (
不开放
)}
);
};
const rootElement=document.getElementById(“根”);
render(,rootElement);

有关冒泡和捕获的更多信息,请阅读。

欢迎使用SO。由于语言的原因,这个问题很难理解和理解。也许你可以改进一下。当你点击时,你看到控制台日志了吗?@Nappy->我同意,我的英语有一些问题,无论如何,有人理解并解决它!backtick->是的,它重复了,我不知道第一次到期的原因,我不知道问题的根源是来自stopPropagation JaredSmith->是的,看到他们打电话给家长,但我不知道如何解决它解决我的问题,这是我第一次问StackOverflow。。。。谢谢你们,感谢这个网站,感谢美丽的世界……欢迎来到StackOverfow:)