这是我写了一个有关RN组件的demo,功能:显示文字的一个组件,虽然简单,但是开发中也有很多的问题,比如字母写错,多写了尖括号等等,建议多敲代码,不建议只看,眼高手低,是很多行业的大忌。
最近开始学习RN,写的代码有点丑,有点乱,没有注释,大家不要见怪!
资源下载地址:RN组件Demo
<!DOCTYPE html> <html> <head> <title>React Component</title> <script src="react.js"></script> <script src="react-dom.js"></script> <script src="browser.min.js"></script> </head> <body> <div id="container"></div> <script type="text/babel"> var TempHello = React.createClass({ render: function() { return ( <div> <p>this is {this.props.greetTarget}</p> </div> ); } }); ReactDOM.render( <div> <TempHello greetTarget="AirZilong"/> <TempHello greetTarget="AirZilong Two"/> <TempHello greetTarget="AirZilong three"/> </div>,document.querySelector("#container") ); </script> </body> </html>
如果转载请注明转于: AirZilong的博客 原文链接:https://www.f2er.com/react/302299.html