您的位置:首页 > Web前端 > React

React(0.13) 定义一个动态的组件(函数作为动态的值)

2016-03-24 11:54 761 查看
<!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>
<div id="example"> </div>
<script type="text/jsx">
var h1 = "question";
var Divider = React.createClass({
render:function(){
return (<div className="divider">
<h1>{dateToString(new Date())}</h1>
</div>
);
}
});

//将组件加到对应的元素上
React.render( <Divider />, document.getElementById('example') );

</script>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: