React array
来源:互联网 发布:淘宝空单号多少钱一个 编辑:程序博客网 时间:2024/06/01 23:23
JSX上的数组输出
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <!-- //引用资源,JSX转HTML --> <script src="http://cdn.bootcss.com/babel-core/5.8.38/browser.min.js"></script> </head> <body> <div id="reactContainer"/> <script type="text/babel"> const arr = ['a', 'b', 'c', 'd'] const HelloComponent = React.createClass({ render: () => <div>{ //只能放回一个对象 arr.map(name => <div key={name}>hello, {name}</div>) }</div> }) ReactDOM.render( <HelloComponent/>, document.getElementById('reactContainer') ) </script> </body></html>
数组中的JSX
<script type="text/babel"> //babel JSX => HTML const arr = [ <h1 key='1'>a</h1>, <h2 key='2'>b</h2> ] ReactDOM.render( <div>{arr}</div>, //只有一个块 document.getElementById('reactContainer') ) </script>
阅读全文
0 0
- React array
- React-Native中Array的key警告
- React-Native中Array渲染的key的作用
- React 关于array.map应该注意的问题
- React
- react
- React
- REACT
- React
- react
- react
- React
- react
- react
- React
- React
- react
- React
- ECharts.js学习(一) 简单入门
- 程序员晒晒你的【神器】!
- Ubuntu 16.04下Sublime Text 3 的安装和中文配置
- Machine Learning in Action
- ELK实践
- React array
- 个人微信小程序(生活服务)——整体设计
- node第一天-文件2
- delphi 删除文件
- RxJava 基础使用
- Select2下拉框总结
- Android中AIDL的使用
- Python 3.6 简单反射
- 新型勒索软件—“GIBON”发布解密工具