无法获取在react挂钩中单击的项的键值

import React, { useState } from 'react';

const MyComponent = () => {
  const [selectedItem, setSelectedItem] = useState(null);

  const handleClick = (item) => {
    setSelectedItem(item.key);
  };

  return (
    <div>
      {items.map((item) => (
        <div key={item.key} onClick={() => handleClick(item)}>
          {item.name}
        </div>
      ))}
    </div>
  );
};

import React, { useState } from 'react';

const MyComponent = () => {
  const [selectedItem, setSelectedItem] = useState(null);

  const handleClick = (event) => {
    const selectedItemKey = event.target.getAttribute('data-key');
    setSelectedItem(selectedItemKey);
  };

  return (
    <div onClick={handleClick}>
      {items.map((item) => (
        <div key={item.key} data-key={item.key}>
          {item.name}
        </div>
      ))}
    </div>
  );
};