.tsx 组件按钮 onclick 事件显示未定义

Question

我创建了一个 .tsx 组件和一个返回动态 HTML 的函数。

   getCellValues(_data) {
    var ret=`<div onClick="`+this.selectDate("1")+`">1</div>`;
     console.log(ret)
     return ret; }

这个选择数据函数看起来像

 selectDate(_data: string) {
     console.log("*****selectDate**************************");
     console.log(_data); }

并在组件构造函数中添加了这行代码。

this.selectDate = this.selectDate.bind(this);

但在加载组件后，这个 div onclick 事件显示未定义......并且呈现的 html 看起来像......

<div onclick="undefined">1</div>

有什么想法吗？

Answer 1

您可以简单地返回 JSX：

getCellValues(_data) {
  return <div onClick={() => this.selectDate(1)}>1</div>
};