<!DOCTYPE html> <html> <head> <title>React JS</title> <script src="../build_0.13/react.js"></script> <script src="../build_0.13/JSXTransformer.js"></script> <script> function dateToString(d){ return [d.getFullYear(), d.getMonth()+1, d.getDate()].join('-'); } </script> </head> <body> <script type="text/jsx"> var h1 = "question"; var id = "caodao"; var style = { border:"4px solid red" }; var Divider = React.createClass({ render:function(){ return (<div className="divider" style={style} id={id} > <h1 /* dddddd */>{h1} </h1> {/*<hr/>*/} </div> ); } }); //将组件加到对应的元素上 React.render( <Divider />, document.getElementById('example') ); </script> <div id="example"> </div> </body> </html>