Javascript React |虚拟DOM元素单击事件未触发

我正在为我的项目使用和

问题

我有一个按钮在弹出窗口，并有点击事件为该按钮。问题是按钮单击事件未触发

JS代码

const content = (
  <div className="RecurringPopover"> 
    <button onClick={this.handleClick}> Popover Button </button> 
  </div>
);

const content=(
弹出按钮
);

---

在

中包含场景的完整代码您已经在类外定义了内容，然后将此.handleClick作为单击处理程序提供给它。但是在类外，

此

不指向类。您应该在

class

中定义

content

，并使用

this.content

访问该内容

handleClick() {
      alert('test');
    }
// put it inside class
 content = (
  <div className="RecurringPopover"> 
    <button onClick={this.handleClick}> Popover Button </button> 
  </div>
);
  render() {
    return (
      <div>
        <Row>
          <Col span={12}>      
          // Use this.content instead of just content
          <Popover content={this.content} title="Title">
            <span type="primary">Hover me (Popover Button)</span>

handleClick（）{
警报（“测试”）；
}
//把它放在课堂上
内容=(
弹出按钮
);
render（）{
返回(
//使用this.content而不仅仅是content
将鼠标悬停在我身上（弹出按钮）

只需将“

内容

”带到类内，并通过“

此内容

”将其传递给组件，它就会工作。

不要在类内使用

常量。请查看我的代码作为答案。它是
内容=（…
现在有什么错误？答案中的代码正在运行。@MariaJeysinghAnbu看看我的答案。我说的是使用
这个.content
而不仅仅是
content