Listing 7-7: Using an event handler function in a function component

import {useState} from 'react';

function Search(props){
  
    const [term,setTerm] = useState('');

    const updateTerm = (searchTerm)=>{
      setTerm(searchTerm);
    }
    
    return(
      <>
        <input type="text" value={term} onChange={(e)=>{updateTerm(e.target.value)}} /><br />
        You're searching for: {term}
      </>
    );
  }
  
  export default Search;