How can Update this state using React useState hook Button click

Question

I try to update my react state using useState hook.

const [Combine, setCombine] = useState([{
makeTeacher:'', makeSub:''}])

*Here I hook define *

 {Teacher && Subject ?<button onClick={()=>showStatus(Teacher,Subject)}>save</button>:null }

*if Teacher and subject are available then *

 const showStatus = (t,s) => {
 setCombine( t, s)
 console.log(Combine) }

*My Desier Result is * [0] index makeTeacher:'t', makeSub:'s'

Answer 1

setState is asynchrone.

Do this to have updated values in the console

useEffect(()=>{
 console.log(combine) 
}, combine)
const showStatus = (t,s) => setCombine( t, s)

Currently, your console.log shows an outdated version of the state