Вложено это в Stencil. js компонентов

Question

Мне интересно, есть ли более простой способ использовать вложенное «это» в компоненте «Трафарет». js.

В данный момент я делаю это:

render() {
    let thisNested = this;

    return <Host>
        {this.images ?

          this.imagesArray.map(function (el) {
            return <img
              // @ts-ignore
              src={thisNested.imageSize ? thisNested.imageSize : el.url}/>
          }) : <slot/>}
      </div>
    </Host>;
  }

Но я всегда повторяю себя, записывая вложенную эту переменную, как показано выше.

Есть ли более элегантный способ сделать то, что мне нужно?

Answer 1

Используйте функцию стрелки:

render() {
    return <Host>
        {this.images ?

          this.imagesArray.map((el) => (<img
              // @ts-ignore
              src={this.imageSize || el.url}/>
          )) : <slot/>}
      </div>
    </Host>;
  }