React ne peut pas analyser la valeur d'une variable

Question

Lorsque l'événement onChange se produit sur l'entrée, je souhaite que la valeur de la variable change et soit écrite dans la console. Mais lorsque des changements se produisent, il écrit undefined dans la console. pouvez-vous m'aider?

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;

Pourquoi undéfini apparaît-il à chaque fois qu'un changement se produit ?

Answer 1

Le problème c'est que tu l'as écrit

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

Mais ça devrait être écrit comme ça

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