標籤：
<html> <head> <title>組件的組合調用</title> <script src="build_0.13/react.min.js"></script> <script src="build_0.13/JSXTransformer.js"></script> </head> <body> <div id="e"></div> <script type="text/jsx"> //定義一個Search組件 var Search = React.createClass({ render:function(){ return ( <div> {this.props.searchType}: <input type="text" /> <button>Search</button> </div> ); } }); //定義一個Page組件 var Page = React.createClass({ render:function(){ return ( <div> <h1>Welcome!</h1> <Search searchType="Title" /> <Search searchType="Content" /> </div> ) } }); React.render( <Page />, document.getElementById(‘e‘) ); </script> </body></html>
如下：
React(0.13) 組件的組合使用
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
