亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 React 中單擊時禁用按鈕

在 React 中單擊時禁用按鈕

忽然笑 2021-12-02 19:50:03
我制作了兩個按鈕組件,當我單擊一個組件時,我想渲染另一個 onClick 以便能夠禁用(因為它們看起來不一樣)。    const match = id;    const checkId = this.state.pokemon.includes(match);            {!checkId || this.state.isDisabled === true ? (                        <button                            onClick={() =>                                this.setState({                                    isDisabled: true                                })                            }                        >                            Get Pokemon                        </button>                    ) : (                        <Button disabled/>                    )}                </div>問題是按鈕禁用僅在我刷新時呈現,因為滿足檢查 ID 的條件但我在單擊后直接切換到禁用按鈕時遇到問題
查看完整描述

2 回答

?
人到中年有點甜

TA貢獻1895條經驗 獲得超7個贊

替換為


     <button disabled={!checkId || this.state.isDisabled}

                        onClick={() =>

                            this.setState({

                                isDisabled: true

                            })

                        }

                    />

                        Get Pokemon

       </button>


查看完整回答
反對 回復 2021-12-02
?
三國紛爭

TA貢獻1804條經驗 獲得超7個贊

以下條件似乎有問題:

{!checkId || this.state.isDisabled === true ? (

在我看來,條件應該改為:

!checkId || !this.state.isDisabled,因為據我所知,每當單擊按鈕時,isDisabled狀態都會設置為true將條件評估為真,因此,永遠不會執行假情況。

如果您需要執行一次, per match,您甚至可以將條件更改為:

(!checkId && !this.state.isDisabled)

希望這可以幫助


查看完整回答
反對 回復 2021-12-02
  • 2 回答
  • 0 關注
  • 533 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號