我是 REACT 的新手，我正在尝试制作一个滑块，所以我需要它<img>来充当一个按钮，我尝试使用 onClick 事件通过发送一个简单的 console.log 来测试功能，但它什么也没做全部！，我真的找不到问题，它没有发送任何错误，只是没有用。我有另一个<img>onClick 事件，在另一个组件中工作得很好，所以我不知道这里有什么问题。另外，我想可能是我的 console.log，所以我打电话给警报，但不，这也不起作用。有人可以帮我吗？
代码看起来像这样：
const SliderInstructors = () => {
const siguiente = () => {
console.log('Siguiente');
alert('You clicked me!');
};
const anterior = () => {
console.log('Anterior');
alert('You clicked me!');
};
return(
<> {/* Controles */}
<div className="controls">
<img onClick={() => anterior} src={ArrowLeft} style={{'pointer-events': "all"}} alt="Before"/>
<img onClick={() => siguiente} src={ArrowRight} style={{'pointer-events': "all"}} alt="After"/>
</div>
</>
)
}
export default SliderInstructors;
这是我发送以调用页面的组件，如下所示
import SliderInstructors from '../components/SliderInstructors';
function AboutUs() {
const { t} = useTranslation();
return (
<><div className="instructorsAbout">
<h2>{t('about.instructor')}</h2>
<div className="infoInstructors">
<SliderInstructors/>
</div>
</div>
</>
)
}
export default AboutUs;
我以为可能是我的样式，但我从它们组件中删除了样式，什么也没有，我也尝试将组件直接放在 App.js 中，但没有，所以我真的不知道在哪里继续看。