我想创建一个组件作为生成 HTML 容器的父组件,并将另一个组件创建为子组件。例如我有这样的 CardComponent
import { h, Component } from "preact"
class CardComponent extends Component{
render(){
return (
<div className='card'>
</div>
)
}
}
假设我们有 ButtonComponent import { h, Component } from "preact"
class ButtonComponent extends Component{
render(){
return (
<button>
a button
</button>
)
}
}
然后我想像这样调用这些组件
<CardComponent>
<ButtonComponent/>
</CardComponent>
我该怎么办CardComponent
?
试着做:
import { h, Component } from "preact"
class CardComponent extends Component{
render(){
return (
<div className='card'>
{this.props.children}
</div>
)
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句