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])