How to get name attribute of a react-select using event.target.name [duplicate]

Question

import Select from 'react-select';

const Home = () => {

    const animals = [
        { label: 'cat', value: 'cat' },
        { label: 'dog', value: 'dog' },
        { label: 'lion', value: 'lion' },
        { label: 'eagle', value: 'eagle' },
    ]
}

return (

<>
 
 <Select 
         name="animals" 
         options={animals} 
         strong text**isMulti 
         onChange={(e) => console.log(e.target.name)} 
  />

</>

)

**in console when i select some item it will give me this error

cannot read property of undefined (reading 'name') at onChange

Sanket Shah · Accepted Answer · 2022-08-20 17:03:50Z

2

Because it will return an array of object(s) {label: '', value: ''} rather than an event object.

 <Select 
    name="animals" 
    options={animals} 
    isMulti 
    onChange={(value, actionMeta) => console.log(actionMeta.name)} 
 />

edited Aug 20, 2022 at 17:03

answered Aug 20, 2022 at 15:51

Sanket Shah

3,1091 gold badge13 silver badges24 bronze badges

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

3 Comments

mail tester Over a year ago

yes sir but i want to get the name sir not the value

Sanket Shah Over a year ago

Still not clear. Are you trying the get the list of selected options? Can you mention that in the question? @mailtester

mail tester Over a year ago

Collectives™ on Stack Overflow

How to get name attribute of a react-select using event.target.name [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related