停止在true/false之間切換，當值無需更改時的方法

Question

我有一個簡單的真/假切換函數：

import {useState} 從 'react'
const [ isTrue, setIsTrue] = useState(true)

function handleSwitcher(){
    {isTrue ? setIsTrue(false) : setIsTrue(true)}
}

<button onClick={()=>{
    handleSwitcher()
    console.log(isTrue)
}}>
   設定為真
</button>

<button onClick={()=>{
    handleSwitcher()
    console.log(isTrue)
}}>
   設定為假
</button>

如果我們點擊這兩個按鈕，它將始終呈現與真或假相反的結果。我需要的是，如果isTrue的值為假，並且我點擊「設定為假」按鈕，它不會將isTrue的值更改為真。同樣，對於“設置為真”按鈕，當值為真時，它不應將isTrue的值更改為假。

Answer 1

您不需要一個handleSwitcher，只需在點擊按鈕時設定所需的值，然後它將完全按照您的要求進行

import {useState} from 'react'
const [ isTrue, setIsTrue] = useState(true)

<button onClick={()=>{
    setIsTrue(true)
    console.log(isTrue)
}}>
   设置为true
</button>

<button onClick={()=>{
    setIsTrue(false)
    console.log(isTrue)
}}>
   设置为false
</button>