↔

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>React include Component</title> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> <style> #member {background-color: #b3eaff; padding: 10px;} </style> </head> <body> <div id="member"></div> <script type="text/babel"> function Avatar(){ return( <div className="avatar"> <img src="images/img_avatar.jpg" alt="" /> </div> ) }; function MemberInfo(){ return( <div className="info"> <h2>Nguyễn Văn A</h2> <p>Tuổi: 25</p> </div> ) }; function Comment(){ return( <div className="comment"> Lorem ipsum dolor sit amet, consectetur adipiscing elit proin sit amet neque. </div> ) }; function Member(){ return( <div className="member"> <Avatar /> <MemberInfo /> <Comment /> </div> ) }; ReactDOM.render( <Member />, document.getElementById('member') ); </script> </body> </html>