學習react-簡單小案例(2)
阿新 • • 發佈：2017-12-05
har tel asc div content contain hello head 賦值
<html> <head> <title></title> <meta charset="UTF-8"/> <script src="js/react.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/react-dom.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/browser.min.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="container"></div> </body> <script type="text/babel"> var Crud = React.createClass({ render: function(){return ( <div> <h1>Hello {this.props.title}</h1> <p>{this.props.content}</p> </div> ); } }); ReactDOM.render( <div> <Crud title="world" content="aaaaaaaaaaa" /> <Crud title="react" content="bbbbbbbbbbb" /> </div>, document.getElementById(‘container‘) ); </script> </html>
多個標簽需要一個根標簽包裹起來
綁定參數 賦值 this.props.定義的名稱
學習react-簡單小案例(2)