Kaedah untuk berhenti menukar antara benar/salah apabila nilai tidak perlu diubah

Question

Saya mempunyai fungsi togol benar/salah yang mudah:

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

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

<butang onClick={()=>{
    handleSwitcher()
    console.log(isTrue)
}}>
   ditetapkan kepada benar
</butang>

<butang onClick={()=>{
    handleSwitcher()
    console.log(isTrue)
}}>
   ditetapkan kepada palsu
</button>

Jika kita mengklik pada kedua-dua butang ini, ia akan sentiasa menunjukkan hasil yang bertentangan dengan benar atau salah. Apa yang saya perlukan ialah jika nilai isTrue adalah palsu dan saya mengklik butang "Set to False", ia tidak mengubah nilai isTrue kepada true. Begitu juga, untuk butang "Tetapkan kepada Benar", ia tidak seharusnya menukar nilai isTrue kepada palsu apabila nilainya benar.

Answer 1

Anda tidak memerlukan handleSwitcher, cuma tetapkan nilai yang diingini apabila butang diklik dan kemudian ia akan melakukan apa yang anda mahukan

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>