Использование компонентов StencilJS с другим компонентом StencilJS

Question

Мой общий вопрос: как я могу использовать встроенный компонент трафарета в другом компоненте трафарета. Не в наборе инструментов PWA, а в другом компоненте.

Точнее говоря, компонент, который я хочу использовать, находится не в npm, а в частном репозитории Bitbucket. В его package.json есть готовый скрипт ("prepare":"stencil build"). Затем я добавляю компонент к родительскому компоненту в package.json с помощью ссылки git. когда я запускаю npm install child-component, он выбирает компонент из bitbucket и создает его с помощью скрипта prepare. это работает нормально. но как добавить компонент для загрузки / визуализации?

Answer 1

Чтобы получить импортированный компонент для рендеринга, вы должны сделать это в своем корневом компоненте:

render(){
  [<imported-child-component />, ...];

  return(<the-root-components-html />);
}

После этого вы можете использовать импортированный дочерний компонент в любом месте вашего приложения.