Question

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

import { h, Component } from "preact"

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

                </div>
            )
        }
    }

，假设我们有ButtonComponent 从“精确”导入{h，组件}

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

然后我要这样称呼这些组件

<CardComponent>
    <ButtonComponent/>
</CardComponent>

我应该在CardComponent上做什么？

Answer 1

尝试做：

import { h, Component } from "preact"

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

Preact.js如何创建分层组件

1 个答案: