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

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-20T17:03:50.453

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 '22 at 17:03

answered Aug 20 '22 at 15:51

Sanket Shah

2,888
1
11
22

yes sir but i want to get the name sir not the value – mail tester Aug 20 '22 at 16:49
1

Still not clear. Are you trying the get the list of selected options? Can you mention that in the question? @mailtester – Sanket Shah Aug 20 '22 at 16:58
1

– mail tester Aug 20 '22 at 16:59

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

1 Answers1