Reactjs React-onclick函数在页面加载时运行

文件中的代码很简单。它被导入到另一个文件中，该文件将其放置在滑块容器中。所有这些都能正常工作，我只是在页面加载而不是单击时运行onClick函数时遇到了问题

import React from 'react';
import M_IMAGE from 'assets/image.png';

function openImage() {
   window.open(M_IMAGE);
}

export const slider = {
   data: [
     {
      content: (
          <img src={M_IMAGE} onClick="openImage" />
      )
     }
   ]
  }

从“React”导入React；
从“assets/IMAGE.png”导入M_图像；
函数openImage（）{
窗口。打开（M_图像）；
}
导出常量滑块={
数据：[
{
内容：(
)
}
]
}

---

我尝试了this.openImage.bind和我在网上看到的许多其他变体。

您缺少了

onClick

的事件处理程序周围的花括号，需要按如下方式分配它：

<img src={M_IMAGE} onClick={openImage}

---

UKS对这篇文章发表了评论，并给出了相应的回复

我不得不删除该函数，因为它导致它在加载时运行，并将代码更改为

window.open（mu-IMAGE）}/>
window.open（mu-IMAGE）}/>谢谢！这起作用（在我从代码中删除函数后）得到了相同的结果。在页面加载而不是单击时运行