Preact.js 如何创建分层组件答案

【问题标题】：Preact.js How to create hierarchical componentPreact.js 如何创建分层组件
【发布时间】：2019-07-12 09:21:08
【问题描述】：

我想创建一个组件作为生成 HTML 容器的父组件，以及一些其他组件作为子组件。例如我有这样的 CardComponent

import { h, Component } from "preact"

    class CardComponent extends Component{
        render(){
            return (
                <div className='card'>

                </div>
            )
        }
    }

假设我们有 ButtonComponent 从“preact”导入 { h, Component }

class ButtonComponent extends Component{
    render(){
        return (
            <button>
              a button
            </button>
        )
    }
}

然后我想像这样调用这些组件

<CardComponent>
    <ButtonComponent/>
</CardComponent>

我应该在我的CardComponent 上做什么？

【问题讨论】：

标签： javascript preact

【解决方案1】：

尝试做：

import { h, Component } from "preact"

    class CardComponent extends Component{
        render(){
            return (
                <div className='card'>
                  {this.props.children}
                </div>
            )
        }
    }

【讨论】：