目录

前言

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

要注意格式！

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

handleClick = (e: any) => {var abc = {    id: this.state.id_now,};console.log("abc", abc)this.getData(this.props.view_key, abc);}; 

4.选择器以及按钮

 this.onChanges(e)}>{this.state.notice.map((item, i) => (this.onOption(item)))}<Button type="primary" icon={} onClick={this.handleClick}>搜索

关于Option，可以跳转我的另外一篇博客    四大分卫！

5.说明

选择器可以展开显示信息，至于显示什么信息（数据库某张表里面的某个属性列），可以在Option里面设置。选择一个信息之后，点击，会返回一个数字给变量id_now，然后在handleClick函数里面使id（表里面 的一个属性列，只要能区分不同的对象的属性列都行）=id_now，最后把数据显示在列表上面。