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

组件内代码:
https://img3.mukewang.com/5ca98d890001b4d408000403.jpg

使用组件的地方:
https://img2.mukewang.com/5ca98d8b0001e90608000287.jpg

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


holdtom
浏览 374回答 1
1回答

UYOU

没看懂PageTitle和添加商品之间的关系啊。如果这俩是并列的结构,那就直接写<PageTitle title="商品列表" />就可以,不用单独写闭合标签。如果是包含关系,那就在PageTitle的return里面对应的地方写{this.props.children}类似这样,this.props.children就是你用PageTitle包起来的内容// PageTitlerender(){&nbsp; &nbsp; return(&nbsp; &nbsp; &nbsp; &nbsp; <section >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <h1></h1>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <ol></ol>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {this.props.children}&nbsp; &nbsp; &nbsp; &nbsp; <section />&nbsp; &nbsp; )}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript