如何在点击按钮时获取itemlistview详细信息

import React, { useState } from 'react';

const ItemListView = () => {
  const [itemDetails, setItemDetails] = useState('');

  const handleButtonClick = (event) => {
    const itemListView = event.target.parentNode;
    const itemDetails = extractItemDetails(itemListView); // 提取详细信息的函数，根据实际情况自定义

    setItemDetails(itemDetails);
  };

  return (
    <div>
      {/* itemlistview 列表项 1 */}
      <div>
        <button onClick={handleButtonClick}>点击获取详细信息</button>
      </div>
      
      {/* itemlistview 列表项 2 */}
      <div>
        <button onClick={handleButtonClick}>点击获取详细信息</button>
      </div>
      
      {/* 其他 itemlistview 列表项 */}
      {/* ... */}
      
      {/* 展示详细信息 */}
      {itemDetails && <div>{itemDetails}</div>}
    </div>
  );
};

export default ItemListView;