Méthode pour arrêter de basculer entre vrai/faux lorsque la valeur n'a pas besoin de changer

Question

J'ai une simple fonction de bascule vrai/faux :

importer {useState} depuis 'react'
const [isTrue, setIsTrue] = useState(true)

fonction handleSwitcher(){
    {estVrai ? setIsTrue(faux) : setIsTrue(vrai)}
}

<bouton onClick={()=>{
    handleSwitcher()
    console.log(isTrue)
}}>
   défini sur vrai
</bouton>

<bouton onClick={()=>{
    handleSwitcher()
    console.log(isTrue)
}}>
   défini sur faux
</bouton>

Si nous cliquons sur ces deux boutons, le résultat sera toujours opposé à vrai ou faux. Ce dont j'ai besoin, c'est que si la valeur de isTrue est fausse et que je clique sur le bouton "Définir sur False", cela ne change pas la valeur de isTrue en vrai. De même, pour le bouton « Définir sur True », la valeur de isTrue ne doit pas être modifiée en false lorsque la valeur est vraie.

Answer 1

Vous n'avez pas besoin d'un handleSwitcher, définissez simplement la valeur souhaitée lorsque vous cliquez sur le bouton et il fera alors exactement ce que vous voulez

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>