React Props
Run
↔
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>React Props</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 Member(props){ return( <div className="member"> <h2>{ props.name }</h2> <p>Tuổi: { props.age }</p> </div> ) }; ReactDOM.render( <Member name="Nguyễn Văn A" age="25" />, document.getElementById('member') ); </script> </body> </html>
