学习react-简单小案例
Posted 大智如蠢
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了学习react-简单小案例相关的知识，希望对你有一定的参考价值。
<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-简单小案例的主要内容，如果未能解决你的问题，请参考以下文章