antd design Select自定义参数传递（antd组件有默认参数时，自定义参数传递）

最新推荐文章于 2024-07-08 20:58:58 发布

love_czz

最新推荐文章于 2024-07-08 20:58:58 发布

阅读量2.6k

点赞数

文章标签： react

原文链接：https://blog.csdn.net/qq_40319394/article/details/104691990

版权

该博客介绍了在React中如何在Select组件中选中option时不仅获取value，还获取其他字段如type的方法。通过在Option组件中添加types属性并将数据绑定到onChange事件中，可以在handleChange方法中获取完整的option对象，从而获取所有需要的信息。

摘要由CSDN通过智能技术生成

选中Select下拉option之后，不仅仅要获取它的value，还要获取其它字段type，首先把type字段传递给option，之后通过

onChange={(value,option)=> this.handleChange(option)}
option可以获取到很多参数，里面的props就是你需要的数据

//事件
handleChange = (option) => {
    console.log(option);
  }
 
 
 
//组件
<Select defaultValue={knowledge.id}
  style={{ width: '100%' }}
   onChange={(value,option)=> this.handleChange(option)}
   >
    {
      knowledgeList.data.map((item, index) => {
        return<Option key={item.id} types={item.type} value={item.id}>{item.name}</Option>
     })}
 </Select>