javascript — Preact.js Как создать иерархический компонент

Preact.js Как создать иерархический компонент

Я хочу создать компонент в качестве родителя, который генерирует контейнер HTML, а некоторые другие компоненты в качестве дочерних.
Например, у меня есть CardComponent как это

 import { h, Component } from "preact" class CardComponent extends Component{ render(){ return ( {amp}lt;div className='card'{amp}gt; {amp}lt;/div{amp}gt; ) } } 

и скажем, у нас есть ButtonComponent

 import { h, Component } from "preact" class ButtonComponent extends Component{ render(){ return ( {amp}lt;button{amp}gt; a button {amp}lt;/button{amp}gt; ) } } 

тогда я хочу назвать эти компоненты, как это

 {amp}lt;CardComponent{amp}gt; {amp}lt;ButtonComponent/{amp}gt; {amp}lt;/CardComponent{amp}gt; 

что я должен делать на моем CardComponent ?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector