在這種情況下，如果你第一次點擊顯示它的顯示你好世界它是正確的，但如果你再次點擊顯示它不應該作業。現在它變成了一個切換按鈕，但是在顯示 hello world 之后，如果您想再次單擊，它不應該再次隱藏，單擊它后我該怎么辦？我也在使用指標事件它也不起作用
import React, { useState } from "react";
export default function DropDown() {
const [show,setShow]=useState(false)
return (
<>
{show?<h1>hello world</h1>:null}
<div onClick={()=>{setShow(!show);return false;}}><span>show</span></div>
</>
)
}
uj5u.com熱心網友回復：
你可以簡單地修改你onClick的一個時間值集
onClick={()=>{setShow(true)}} //one time set
完整代碼
import React, { useState } from "react";
export default function DropDown() {
const [show,setShow]=useState(false)
return (
<>
{show?<h1>hello world</h1>:null}
<div onClick={()=>{setShow(true)}}><span>show</span></div>
</>
)
}
如果您想在show更新后禁用該按鈕，您可以設定disabled={show}為該按鈕
import React, { useState } from "react";
export default function DropDown() {
const [show,setShow]=useState(false)
return (
<>
{show?<h1>hello world</h1>:null}
<div onClick={()=>{setShow(true)}} disabled={show}><span>show</span></div>
</>
)
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/456333.html
標籤：javascript 反应
上一篇：在Django中參考靜態檔案
下一篇：如果數量更新，如何獲得訂單總額