在 HTML 字符串中调用函数时，未定义 TypeScript 'this'

Question

我想从 HTML 变量中调用一个简单的 TypeScript 函数。 带有 HTML 的 Button 试图调用“_Myfunction”，它创建了一个简单的 Alert();。

单击该按钮会产生以下错误：

typeError: 无法读取未定义的属性“_Myfunction”

我该如何解决这个错误？ 代码如下：

  constructor() {
    super();

  }
  postInitialize(): void {

  }
  render() {
        
    this.mapHelper.map.getSelectedAssets().then(function(resolvedValue) {
        if(resolvedValue != null){

            masterHTMLstring = 
                <table style="background-color:#FFFFFF;width:200px;">
                  {resolvedValue.map((item, index) => (
                    <tr key={index}>     
                       <td>
                        <button id={item.EntityUid} onclick={() => this._myfunction(item.EntityUid)}>Add</button>
                      </td>
                    </tr>
                  ))}
                </table>;


        }   

      }, function(error) {
          //masterHTMLstring = "error";

      });
    return <div class="basemap23"  >{masterHTMLstring}</div>;
  }

  destroy(): void {
    this._handles.destroy();
    this._handles = null;
  }
    
  public _myfunction(entityID: string): void {
    alert(entityID);
  }

Answer 1

替换function(resolvedValue) {与resolvedValue => {

这应该很好