antd react select onchange事件以及button onClick事件

本文分享了如何在antd的React应用中,使用Select组件的onchange事件获取选中值,并通过Button的onClick事件进行后续操作。通过定义变量存储onchange的返回值,编写onchange和onClick函数,结合Option组件,实现选择后按钮触发特定功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

前言

1.定义一个变量,用来存放点击事件的值。

2.定义onchange函数,拿到返回值

3.定义按钮的点击事件即button的onclick事件

4.选择器以及按钮

5.说明


前言

我想要达到的操作是:选择器可以展开信息,选中一个对象后(或者输入一个对象后),点击按钮,列表可以显示出这个对象的所有消息。

1.定义一个变量,用来存放点击事件的值。

比如说上面选择器的3个选项,点击他们,会分别给变量传递1,2,3这样的值,以此类推

id_now: any,
id_now: 0,          //为了第一个点击从1开始

2.定义onchange函数,拿到返回值

onChanges = (e: any) => {
this.setState({
    id_now: e
});
console.log("e", e)
}

要注意格式!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

慢三步上篮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值