React無法解析變數的值

Question

當輸入發生onChange事件時，我希望變數的值會改變並寫入控制台。但是當發生變化時，它會在控制台中寫入undefined。你能幫助我嗎？

import './App.css';
import React,{useState,useEffect} from 'react';

function App() {
    let [message,setMessage] = useState("""");
    
    useEffect((message) => {
    console.log(message);

    },[message])
return(
<div> 
    <input type="text" onChange={e => setMessage(e.target.value)}  />
</div>

)}
export default App;

為什麼每次發生onchange時都會顯示undefined？

Answer 1

問題是，你寫成了

useEffect((message) => {
    console.log(message);
},[message])

但是應該要寫成這樣

useEffect(() => {
    console.log(message);
},[message])