как использовать карусель в веб-компоненте Lightning, см. ниже код + нужен пример, как реализовать в lwc

Question

как использовать карусель в веб-компоненте Lightning. Нужен пример, как реализовать в lw c.

Answer 1

это довольно просто, как и другие компоненты LW C, найдите приведенный ниже пример кода:

HTML:

<lightning-carousel-image 
    key={myArray.Id} 
    src={myArray.imageURL} 
    href={myArray.pageURL}
>
</lightning-carousel-image>

JS:

export default class MyEvents extends LightningElement {
  @track myArray = [];
  connectedCallback() {
    yourApexMethod()
      .then(result => {
        if (result) {
          this.myArray = result;
          }
        }
      }).catch(error => {

      })
  }

Вам необходимо добавить URL-адрес своего изображения в белый список, добавив его на доверенные сайты CSP и в настройки удаленного сайта