首页 > 解决方案 > 根据 setState 更改 Ant Design 按钮禁用布尔值

问题描述

我这里有这 3 个按钮。所以起初,继续按钮被禁用,因为我希望用户单击单击此处按钮,然后只能单击继续按钮,然后将禁用设置为false
这是我尝试过的:

let [clicked, setClicked] = useState(false); 
let clickedLink = () => setClicked(() => true)

 {
    clicked ? <Button href={links[0]} target="_blank" style={buttonStyle2}>Continue</Button> : <Button href={links[0]} target="_blank" style={buttonStyle2} disabled>Continue</Button>
 }

但是即使在我点击链接之后,按钮仍然是disabled因为clicked状态没有更新。我如何不断检查clicked状态,因为我只在第一次加载组件时检查状态。

标签: reactjsreact-hooksantd

解决方案


推荐阅读