React.createElement使用
来源:互联网 发布:韩国古代历史 知乎 编辑:程序博客网 时间:2024/05/30 12:30
React.createElement一看这个就能和document.createElement方法类似,创建元素
document.createElement是创建一个指定的元素节点,其参数只有一个nodeName:document.createElement(nodeName)
React.createElement是创建指定类型的React元素节点,其参数有三个:React.createElement(type,props,children)
官方解释:
ReactElement createElement( string/ReactClass type, [object props], [children ...])
React.createElement官方使用示例:
var child1 = React.createElement('li', null, 'First Text Content');var child2 = React.createElement('li', null, 'Second Text Content');var child3 = React.createElement('li', null, 'Third Text Content');var root = React.createElement('ul', { className: 'my-list' }, child1, child2, child3);ReactDOM.render( root, document.getElementById('content'));第一个参数:必填,元素类型
第二个参数:可填,元素属性
第三个参数:可填,元素子节点
疑问:不是三个参数吗?
我们可以写成这样:
var child1 = React.createElement('li', null, 'First Text Content');var child2 = React.createElement('li', null, 'Second Text Content');var child3 = React.createElement('li', null, 'Third Text Content');var root = React.createElement('ul', { className: 'my-list' }, [child1, child2, child3]);ReactDOM.render( root, document.getElementById('content'));
把第三个参数改成数组
所以React这种方式的写法很灵活,大家可以试试,看看效果!
0 0
- React.createElement使用
- React.createElement方法使用详解
- 浅谈React.createElement()方法
- document.createElement 使用例
- document.createElement 使用常见问题
- ReactNative.createElement is deprecated. Use React.createElement from the "react" package instead.
- createElement
- createElement
- js中createElement的使用
- js中createElement的使用
- 动态添加option createElement使用
- React-Router的动态加载实例与createElement
- 关于TypeError : React object is undefined on createElement
- 使用createElement动态创建HTML对象
- javascript---使用createElement动态创建HTML对象
- javascript---使用createElement动态创建HTML对象
- createElement在IE6中的使用技巧
- javascript中createElement函数的使用
- hdu1280 前m大的数 数组大小坑一生
- jre 与jdk的区别
- 根据对方提供的url获取对方返回的字符串信息
- 深度学习(十三)caffe之训练数据格式
- 第三方推送-极光推送
- React.createElement使用
- 正式开博
- [剑指offer学习心得]之:圆圈中最后剩下的数字
- 最新版本ButterKnife8.4的使用
- nyoj 311 和995
- python数据库编程
- UniversalPreferences
- error while trying to retrieve text error ora-12541 错误记录
- 把做事情做出成绩的三个关键习惯