问ReactJS TypeError:无法读取未定义的属性值

EN

import React , { useState }from 'react';
import {DashboardLayout} from '../components/Layout';
import Select from 'react-select'

const options = [
    { value: 'ami-abc*', label: 'ami-abc' },
    { value: 'ami-xyz*', label: 'ami-xyz' },
]

const DiscoverAMIPage = () => {
    return (
        <DashboardLayout>
            <h2>Discovered AMI</h2>
            <Select
                onChange={handleChange}
                options={options}
            />
        </DashboardLayout>
    )
}

function handleChange(event) {
    alert(event.target.value)
}
export default DiscoverAMIPage;