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>
相关文章推荐
- React(0.13) 定义一个动态的组件
- react-native学习笔记之<TextInput>
- React(0.13) hello world
- CocoaPods 导入 ReactiveCocoa框架
- React-Native系列Android——自定义View组件开发
- sgu 194 Reactor Cooling(有容量上下界的无源无汇可行流)
- ReactJS[未完待续]
- React.js深入学习详细解析
- React Native学习之RCTDeviceEventEmitter(类似iOS的NSNotificationCenter)简单用法以及背景透明
- ReactNative更换JSContext增加注入方法
- React-Native Android 学习笔记——2,自定义 logger
- window 64bit 下react navtive安装
- React-native学习笔记之<BackAndroid>
- 对于ApiCloud和React Native的选择
- twisted转载二即异步编程初探与reactor模式
- React-Native(二)引入项目,在windows上运行已有的Demo for Android
- react-native 之布局篇
- 通过React Native动态更新iOS应用
- React-native Android 环境配置
- React-开发工具