Javascript 每个列表项中的按钮处理程序

我有几项清单。每个项目都包含服务信息和按钮

每个投标包含id和其他道具，我想在点击后得到

单击按钮后如何获取特定的项目属性

UPD：

导出默认类ListFresh.Component{
建造师（道具）{
超级（道具）；
this.state={tenders:[]}；
}
componentDidMount（）{
elastic.search（）.catch（e=>alert（e））。然后(
data=>this.setState（{tenders:data.items}）
);
}
render（）{
返回(
);
}
}
类TenderList扩展了React.Component{
render（）{
返回(
);
}
}

投标

export default class List extends React.Component {
  constructor(props) {
    super(props);
    this.state = { nodes: [] };
  }

  render () {
    const data = this.props.items;
    var node;
    data.map(item => (
      console.log(item),
        node = {
            headerName : item._source.tender.title,
            isOpened: false,
            isReactComponent: true,
            items : [
              <Tender tender={item._source} id={item._id}/>
            ],
            height: 250
          },
      DATALIST.push(node)
    ));

    return (
      <div id="admin-menu">
        <ReactExpandableListView
          data={DATALIST}
          headerAttName="headerName"
          itemsAttName="items"
        />
      </div>
    )
  }
}

导出默认类列表扩展React.Component{
建造师（道具）{
超级（道具）；
this.state={nodes:[]}；
}
渲染（）{
常量数据=this.props.items；
var节点；
data.map（项=>(
控制台日志（项目），
节点={
标题名称：项目。\u source.tender.title，
我是错的，
isReactComponent:正确，
项目：[
],
身高：250
},
DATALIST.push（节点）
));
返回(
)
}
}

图像没有告诉我们按钮使用的HTML，您能告诉我们到目前为止您尝试了什么，并向我们展示一些代码吗？发布您的代码。@Jordy19检查更新

export default class List extends React.Component {
  constructor(props) {
    super(props);
    this.state = { nodes: [] };
  }

  render () {
    const data = this.props.items;
    var node;
    data.map(item => (
      console.log(item),
        node = {
            headerName : item._source.tender.title,
            isOpened: false,
            isReactComponent: true,
            items : [
              <Tender tender={item._source} id={item._id}/>
            ],
            height: 250
          },
      DATALIST.push(node)
    ));

    return (
      <div id="admin-menu">
        <ReactExpandableListView
          data={DATALIST}
          headerAttName="headerName"
          itemsAttName="items"
        />
      </div>
    )
  }
}