Preact.js 如何创建分层组件

马修·努格罗霍·阿利安托

我想创建一个组件作为生成 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在使用 preact.js 构建的 android 上部署 PWA?

来自分类Dev

Preact.js - 如何像 React.js 一样启动自动重新运行服务器

来自分类Dev

在 Preact 中滚动到特定组件

来自分类Dev

如何使用钩子访问Preact中子组件的DOM元素?

来自分类Dev

如何在Preact中使用React Router

来自分类Dev

如何将 reactjs 转换为 preact?

来自分类Dev

新创建的 preact 组件保留旧组件的 UI 状态(与 react 不同)

来自分类Dev

创建分层动态JS对象

来自分类Dev

创建分层动态JS对象

来自分类Dev

如何在d3.js中创建分层条形图

来自分类Dev

如何像在React中那样简单地在Preact中导入样式?

来自分类Dev

ember.js如何创建基本组件

来自分类Dev

如何在Cycle JS中从JSON数组创建组件

来自分类Dev

如何模拟在React JS组件中创建的实例?

来自分类Dev

如何为 React JS 组件类创建样式?

来自分类Dev

如何从多个jsx文件中的组件创建复合React.js组件

来自分类Dev

vue js动态创建组件

来自分类Dev

如何在React.js中循环遍历对象并创建子组件

来自分类Dev

如何在react.js中创建我们自己的按钮组件,例如antdesign

来自分类Dev

如何使用Cytoscape.js创建功能性React组件?

来自分类Dev

如何将组件内的 vue.js 方法转换为创建的方法

来自分类Dev

templette js之后如何包含组件js

来自分类Dev

使用Angular JS组件创建表单容器

来自分类Dev

节点Js模块分层

来自分类Dev

与Preact中的React.FC类型等效

来自分类Dev

React(Preact)渲染两次内容

来自分类Dev

preact-cli 和 firebase 静态部署

来自分类Dev

在Vue.JS的父组件中创建子组件

来自分类Dev

在Vue.JS的父组件中创建子组件

Related 相关文章

热门标签

归档