ReactJs之render
2015-09-28 17:01
357 查看
React.createClass在创建模块时,肯定会有render方法的。
下边是我列出的常用的技巧:
1、模板内可嵌套其他的模块<view1 data={} />
2、当模板内需要引用js变量或方法时时用{XX}。且方法需要写在render:函数内。
3、this.props.XX.map(fn)可以遍历数组函数内需要返回模板写法和render函数返回一样 return ( <View1 data={item} /> )
4、模板内可以直接{arrhtml} 来遍历输出标签类型的数组
下边是我列出的常用的技巧:
1、模板内可嵌套其他的模块<view1 data={} />
2、当模板内需要引用js变量或方法时时用{XX}。且方法需要写在render:函数内。
3、this.props.XX.map(fn)可以遍历数组函数内需要返回模板写法和render函数返回一样 return ( <View1 data={item} /> )
4、模板内可以直接{arrhtml} 来遍历输出标签类型的数组
相关文章推荐
- ReactiveCocoa & MVVM 学习总结一
- ReactJs之表单处理
- React Native -- Flexbox
- ReactiveCocoa & MVVM 学习总结二
- React 入门实例教程
- react-native —— 在Windows下搭建React Native Android开发环境
- Mutations #Facebook Relay文档翻译#
- ReactiveCocoa2 源码浅析
- Facebook发布React Native for Android
- 一位iOS开发者使用React Native的体验
- Webpack+React+ES6开发模式入门指南
- 最快让你上手ReactiveCocoa之基础篇
- Scala深入浅出进阶经典 第69讲:Scala并发编程react、loop代码实战详解
- 用 CocoaPods 安装 React Native
- reactjs
- Connection #Facebook Relay文档翻译#
- GraphQL Relay Specification #Facebook Relay文档翻译#
- Babel Relay Plugin #Facebook Relay文档翻译#
- Network Layer #Facebook Relay文档翻译#
- Mutations #Facebook Relay文档翻译#