React tidak boleh menghuraikan nilai pembolehubah

Question

Apabila peristiwa onChange berlaku pada input, saya mahu nilai pembolehubah berubah dan ditulis pada konsol. Tetapi apabila perubahan berlaku, ia menulis tidak ditentukan dalam konsol. boleh kamu bantu saya?

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;

Mengapa undefined muncul setiap kali perubahan berlaku?

Answer 1

Masalahnya, anda menulisnya

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

Tetapi sepatutnya ditulis begini

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