ReactJS TypeError: Cannot read property 'value' of undefined

Question

ReactJS TypeError: Cannot read property 'value' of undefined is thrown while accessing this field

alert(event.target.value)

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;

Viet · Accepted Answer · 2021-08-16 09:41:47Z

2

onChange in react-select return value not an event: https://react-select.com/props

function handleChange(value) {
  alert(value)
}

answered Aug 16, 2021 at 9:41

Viet

12.9k2 gold badges18 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ReactJS TypeError: Cannot read property 'value' of undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related