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)} 
  />

</>

)

**在控制台中,当我 Select 某个项目时,会出现以下错误

无法读取未定义的属性(正在读取‘name’) 在OnChange

enter image description here

推荐答案

因为它会return an array of object(s) 100 rather than an 101 object.

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

Javascript相关问答推荐

如何使用JavaScript用等效的功能性HTML替换标记URL格式?

过滤对象数组并动态将属性放入新数组

如何用拉威尔惯性Vue依赖下拉?

保持物品顺序的可变大小物品分配到平衡组的算法

JS:XML insertBefore插入元素

是什么导致了这种奇怪的水平间距错误(?)当通过JavaScript将列表项元素追加到无序列表时,是否在按钮之间?

WP Bootstrap NavWaker:下拉菜单一次打开所有下拉菜单

将异步回调转换为异步生成器模式

当代码另有说明时,随机放置的圆圈有时会从画布上消失

在Vercel中部署Next.js项目时获取`ReferenceError:未定义文档`

如果NetSuite中为空,则限制筛选

P5JS-绘制不重叠的圆

通过解构/功能组件接收props-prop验证中缺少错误"

如何在Reaction中设置缺省值, Select 下拉列表,动态追加剩余值?

Played link-Initialize.js永远显示加载符号

使用Java脚本替换字符串中的小文本格式hashtag

无法在Adyen自定义卡安全字段创建中使用自定义占位符

由于http.get,*ngIf的延迟很大

如何在Java脚本中添加一个可以在另一个面板中垂直调整大小的面板?

从客户端更新MongoDB数据库