react 组件复用

最新推荐文章于 2022-12-07 11:34:03 发布

XiaoChouGouShi

最新推荐文章于 2022-12-07 11:34:03 发布

阅读量406

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/XiaoChouGouShi/article/details/52078481

版权

react 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

组件复用的方法：

 var 
  React = require( 
 'react' 
 ); 
 
 var 
  CommentList=require( 
 './CommentList.jsx' 
 ); 
 
 var 
  CommentForm=require( 
 './commentFrom.jsx' 
 ); 

 var 
  CommentBox = React.createClass({ 
 
 render:  
 function 
 () { 
 
 return 
  ( 
 
 <div className= 
 "commentBox" 
 > 
 
 <h1>Comments</h1> 
 
 <CommentList />  
 //这是一个组件 
 
 <CommentForm />  
 //这是另一个组件 
 
 </div> 
 
 ); 
 
 } 
 
 }); 

 module.exports = CommentBox;