如何解决如何显示和隐藏 react .tsx 文件?
我有一个按钮。单击按钮时我想显示表格,再次单击时我想隐藏数据。第一个数据可见 = false
Jsx 文件无法识别状态。 我试图隐藏的 div 块名称是 apis。
function css(){
}
const myfunc= () => {
return (
<div className="btn">
<button id="veriGoster" onClick={css}>
Show
</button>
</div>
<div className="apis">
< Apidata/> // this component import another page.
</div>
</div>
)
}
解决方法
我不确定你想做什么,但我会尽力帮助你
//import of Apidata
import React,{ useState } from "react";
const myFunc = () => {
const [toggle,setToggle] = useState(false);
const handleHideData = () => {
setToggle(!toggle);
};
return (
<div className="btn">
<button id="veriGoster" onClick={handleHideData}>
Show
</button>
{toggle && (
<div className="apis">
<Apidata />
</div>
)}
</div>
);
};
export default myFunc;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。