react自定义组件无法显示后面添加的内容

组件内代码:
clipboard.png

使用组件的地方:
clipboard.png

只能显示原有的PageTitle组件里的内容,后面添加的div里的内容无法显示。
浏览器Console并无报错,也能正常编译,但是就是无法显示,源代码里也没有div这段内容。
新手求各位大佬求助,出现这个可能因为什么导致的呢?还是我的用法不对?非常感谢各位大佬。

阅读 3k
1 个回答

没看懂PageTitle和添加商品之间的关系啊。

如果这俩是并列的结构,那就直接写<PageTitle title="商品列表" />就可以,不用单独写闭合标签。

如果是包含关系,那就在PageTitlereturn里面对应的地方写{this.props.children}

类似这样,this.props.children就是你用PageTitle包起来的内容

// PageTitle
render(){
    return(
        <section >
            <h1></h1>
            <ol></ol>
            {this.props.children}
        <section />
    )
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题