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

Question

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

Answer 1

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

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

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

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

// PageTitle

render(){

    return(

        <section >

            <h1></h1>

            <ol></ol>

            {this.props.children}

        <section />

    )

}