Methode, um den Wechsel zwischen wahr/falsch zu stoppen, wenn sich der Wert nicht ändern muss

Question

Ich habe eine einfache Wahr/Falsch-Umschaltfunktion:

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

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

<button onClick={()=>{
    handleSwitcher()
    console.log(isTrue)
}}>
   auf true gesetzt
</button>

<button onClick={()=>{
    handleSwitcher()
    console.log(isTrue)
}}>
   auf false gesetzt
</button>

Wenn wir auf diese beiden Schaltflächen klicken, wird immer das gegenteilige Ergebnis von wahr oder falsch angezeigt. Was ich brauche ist, dass, wenn der Wert von isTrue falsch ist und ich auf die Schaltfläche „Auf False setzen“ klicke, der Wert von isTrue nicht in true geändert wird. Ebenso sollte bei der Schaltfläche „Auf True setzen“ der Wert von isTrue nicht in „false“ geändert werden, wenn der Wert „true“ ist.

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>