Событие onclick кнопки компонента .tsx показывает undefined

Question

Я создаю компонент .tsx и функцию, которая возвращает динамические c 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 показывает undefined ... И визуализированный html выглядит как ..

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

Any идеи?

Answer 1

Вы можете просто вернуть JSX:

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