将其嵌套在Stencil.js组件中

Question

我想知道是否有一种更简单的方法可以在Stencil.js组件中使用嵌套的"this"。

目前我正在做这件事：

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>;
}

但我总是重复自己写一个嵌套的this变量，如上所示。

有没有更优雅的方式来满足我的需求？

Answer 1

使用箭头函数：

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