从 lit-html 中的嵌套三元转换为 if/else

Question

如何写下面的代码点亮html

我是 lit html 的新手，我尝试将下面的代码转换为 if/else 而不是嵌套的三进制

 ${this.data ? this.html`<comp data={this.data}></comp>`
                : data1 && data1.test === 'valid' && valueCheck ? this.html`
                  <comp2 data={this.data2}  ></comp2>
                `
                : this.html`
                  <comp1 data={this.data1}  ></comp1>
                `}

需要转换为simple if else

Answer 1

if(this.data){
    return this.html`<comp data={this.data}></comp>`
} else if(data1 && data1.test === 'valid' && valueCheck){
    return <comp2 data={this.data2}  ></comp2>
} else {
    return <comp1 data={this.data1}  ></comp1>
}