react 如何完成按标准搜索

本实例教程作业环境：Windows10系统软件、react18.0.0版、Dell G3计算机。

react 如何完成按标准检索？

react design pro 完成多条件开展查询数据

一、叙述：

针对后台管理界面，在撰写业务流程页面，多条件进行联合查询数据是最基本的项目需求，一般多条件查询全是传到相对应字段名的ID或者其他值。

二、完成的界面实际效果：

三、完成构思：

先界定一个对象，用以接受每选择一个下拉列表都进行一定的ID储存，然后最后把目标额外到接口请求主要参数上就可以。

比如：我这边的查询接口所需要的数据类型

{ merchantId: "", page: 1, limit: 15, departDate: "", lineId: "", driverId: "", carId: "" }

四、代码编写：

1.先往state里界定一个对象：

2.设定下拉列表js点击事件onChange

3.取值（这儿只展现了经销商下拉列表的代码，其他下拉列表与其同样）：

最终，依法取得得到的结果进行一定的查看，一个多条件查询就实现了。

五、汇总

在这里我运用是指setState对目标原素展开了动态性取值，现现阶段想得到的方法就是这个样子，不清楚是否还有其他办法，假如还有希望巨头能教教我。

强烈推荐学习培训：《react视频教程》