react状态下的语音识别问题

Question

我的库 react-speech-recognition 有问题。 newcontent 是在 useEffect 中修改这个状态时的状态 打印未定义 我还想修改此状态以获取成绩单 还打印 undefined

const Room = () => {
let{
    transcript,
  } = useSpeechRecognition();
 
  const [newContent,setnewcontent]=useState('')
}
console.log(transcript)-->//here successful
 useEffect(() => {
console.log(transcript)-->//here undefined
    setnewcontent(transcript)  
console.log(setnewcontent)-->//here undefined  
},[])

Answer 1

使用 2 个单独的 useEffect。一个更新状态，另一个跟踪它并按如下方式执行 console.log。

// This useEffect will trigger if any change detected in transcript variable
useEffect(() => {
    setnewcontent(transcript)    
},[transcript])

// This useEffect will trigger if any change detected in newContent state
useEffect(() => { 
    console.log(newContent)
},[newContent])