停止在true/false之间切换，当值无需更改时的方法

Question

我有一个简单的真/假切换函数：

import {useState} from '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>