Визуализация компонентов без сохранения состояния stenciljs - PullRequest
Новая
       6

Визуализация компонентов без сохранения состояния stenciljs

0 голосов
/ 07 декабря 2018

Я уже некоторое время использую StencilJS, и, исходя из фона React, мой непосредственный инстинкт написания некоторых компонентов - писать их без сохранения состояния.Однако в документации по трафарету вообще не упоминаются компоненты без состояния.Вот почему я пишу здесь, чтобы узнать, что другие люди испытывают с этим

1 Ответ

0 голосов
/ 11 декабря 2018

Вы можете написать функциональные компоненты внутри элементов трафарета. В качестве примера : 

@Component({
  tag: 'my-app',
  styleUrl: 'my-app.css',
  shadow: true
})
export class MyApp {
  render() {
    return (
      <div>
        <Loading />
       </div>
    );
  }
}

const Loading = () => {
  return (
    <div class="loading">
      <h1>Activating Santa</h1>
      <span>???</span>
    </div>
  );
};

В этом случае <Loading> - это функциональный компонент без сохранения состояния, аналогичный модели React - вы можете получить его реквизиты и получить детей и т. Д.

Компоненты без сохранения состояния не могут быть экспортированы как веб-компоненты верхнего уровня - они должны быть определены как классы.

...