onChange

import react, {useState} from 'React'
import { Select } from '@chakra-ui/react'

function app (){
     const [select,setSelect] = useState('');
     let myArray = ['paid','unpaid','cancel']
 
    const handleOnchange =(value) =>{
        setSelect(value)
        console.log('select value = ', value)
    }
    
return (
        <Select 
        placeholder='Select option' 
        onChange={(e)=>handleOnchange(e.target.value)}>
             {myArray.map((x)=> (
             <option value='x'> `${x}` </option>)
             )}
        </Select>
   
     )
}