標籤：
1.因為jsx將兩個花括弧之間的內容渲染為動態值，只需要引用對應的變數即可
<!DOCTYPE html><html> <head> <title>React JS</title> <script src="../build_0.13/react.js"></script> <script src="../build_0.13/JSXTransformer.js"></script> </head> <body> <div id="example"> </div> <script type="text/jsx"> var h1 = "question"; var Divider = React.createClass({ render:function(){ return (<div className="divider"> <h1>{h1}</h1> </div> ); } }); //將組件加到對應的元素上 React.render( <Divider />, document.getElementById(‘example‘) ); </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
