当前位置: 首页 > news >正文

react 数组map方法转化列表

const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((number) =>
  <li>{number}</li>
);

我们把整个listItems插入到ul元素中,然后渲染进DOM:

ReactDOM.render(
  <ul>{listItems}</ul>,
  document.getElementById('root')
);

 

相关文章:

  • 使用索爱V800开发流媒体应用程序
  • 读取索爱手机固件版本信息和IMEI号
  • react jsx中使用map
  • 在基于MIDP的应用程序上使用JDBC
  • react 表单使用受控组件的思想
  • 索爱部分机型支持同时播放多个声音
  • react状态提升 两个子组件状态共享 让子组件状态提升 通过公有父组件props的方法传递回调函数执行改变( handleChange(e) { // 之前的代码: this.setSt)
  • SonyEricsson发布更好支持企业级应用的新JSR
  • react 状态提升的总结
  • Java 3D(JSR184)文件压缩
  • 组合vs继承
  • 使用JSR-184里的Sprite3D对象
  • react 思想 划分组件 以及state的判断
  • 跨域携带cookie
  • Java 3D 绘图性能
  • 分享一款快速APP功能测试工具
  • Angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click是如何使用的?
  • es6
  • Hibernate【inverse和cascade属性】知识要点
  • javascript 总结(常用工具类的封装)
  • jquery cookie
  • js
  • JSDuck 与 AngularJS 融合技巧
  • Node 版本管理
  • Redis的resp协议
  • TiDB 源码阅读系列文章(十)Chunk 和执行框架简介
  • Vue.js-Day01
  • Vue2.x学习三:事件处理生命周期钩子
  • vue-router 实现分析
  • 给Prometheus造假数据的方法
  • 腾讯优测优分享 | 你是否体验过Android手机插入耳机后仍外放的尴尬?
  • 学习Vue.js的五个小例子
  • Java性能优化之JVM GC(垃圾回收机制)
  • Mac 上flink的安装与启动
  • 带你开发类似Pokemon Go的AR游戏
  • ​ 全球云科技基础设施:亚马逊云科技的海外服务器网络如何演进
  • ​批处理文件中的errorlevel用法
  • # include “ “ 和 # include < >两者的区别
  • #鸿蒙生态创新中心#揭幕仪式在深圳湾科技生态园举行
  • %3cscript放入php,跟bWAPP学WEB安全(PHP代码)--XSS跨站脚本攻击
  • (6)【Python/机器学习/深度学习】Machine-Learning模型与算法应用—使用Adaboost建模及工作环境下的数据分析整理
  • (C语言)输入一个序列,判断是否为奇偶交叉数
  • (Matalb回归预测)PSO-BP粒子群算法优化BP神经网络的多维回归预测
  • (ZT) 理解系统底层的概念是多么重要(by趋势科技邹飞)
  • (附源码)ssm失物招领系统 毕业设计 182317
  • (利用IDEA+Maven)定制属于自己的jar包
  • (新)网络工程师考点串讲与真题详解
  • (转载)PyTorch代码规范最佳实践和样式指南
  • .NET 线程 Thread 进程 Process、线程池 pool、Invoke、begininvoke、异步回调
  • .net分布式压力测试工具(Beetle.DT)
  • .NET面试题(二)
  • [20160807][系统设计的三次迭代]
  • [AutoSar]BSW_OS 01 priority ceiling protocol(PCP)
  • [bzoj1038][ZJOI2008]瞭望塔
  • [C/C++随笔] char与unsigned char区别