onClick 在组件中不起作用 - Reactjs

Question

我正在制作一个小型 React 项目，在下拉列表中，我使用

onClick

并调用其中的函数。

在这里，我正在映射通过输入关键字获得的数据。对于每个数据，我调用一个名为

SearchItems

的不同组件。

import React from "react";

const SearchItems = ({ item }) => {
  const handleClick = () => {
    console.log("I'm Clicked");
  };
  return (
    <div className="px-1 hover:bg-green-200 hover:rounded-md w-48">
      <button onClick={handleClick}>
        {item.name},{" " + item.country}
      </button>
    </div>
  );
};

export default SearchItems;

这里

onClick

不起作用，一旦我单击一个选项，控制台上就不会记录任何内容。

Answer 1

看起来是正确的，您在浏览器控制台中没有收到任何错误吗？您尝试过使用 addEventListener 吗？