В настоящее время я создаю 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>
)
Каким-то образом это не так ' тоже не работает. Я не уверен, что создавать собственные компоненты так, как я это делал, - плохая практика, поскольку я не мог заставить его работать. Вот почему я прошу вас о помощи.