Пользовательский трафарет js выбирает вариант пропуска веб-компонента как дочерний - PullRequest
0 голосов
/ 26 апреля 2020

В настоящее время я создаю select компонент с Stencil js, где я хочу иметь возможность передавать теги параметров в качестве дочерних компонентов. API пользовательского компонента выбора должен выглядеть следующим образом:

<custom-select>
   <option>all</option>
</custom-select>

I уже пытался использовать слот , но он не работает, потому что опция будет размещен как содержимое слота и не будет замечен выбранным

return (
   <select>
      <slot />
   </select>
)

Я также пытался использовать декоратор Элемента для доступа к дочерним элементам хоста следующим образом:

return (
   <select>
      // @Element() el: HTMLElement
      {this.el.children}
   </select>
)

Каким-то образом это не так ' тоже не работает. Я не уверен, что создавать собственные компоненты так, как я это делал, - плохая практика, поскольку я не мог заставить его работать. Вот почему я прошу вас о помощи.

...