react在jsx语法中实现for循环
来源:互联网 发布:javascript date 加减 编辑:程序博客网 时间:2024/06/07 08:58
<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="react.js"></script> <script src="react-dom.js"></script> <script src="babel.min.js"></script><style> .yew{color:red;} .no{color:#000;}</style></head><body> <div id="root"></div><script type="text/babel"> class Hello extends React.Component { render(){ var list = (length) => { var res = []; for(var i = 0; i < length; i++) { res.push(<h2 key={i}>hello react</h2>) } return res } return ( <div>hello {list(this.props.length)} </div> ) } }var helloData = 5 ReactDOM.render( <Hello length = {helloData}/>, document.getElementById('root') );</script></body></html>
阅读全文
0 0
- react在jsx语法中实现for循环
- React之JSX语法
- React(2) JSX语法
- React之JSX语法
- React之JSX语法
- react jsx语法
- React入门:关于JSX语法
- React入门:关于JSX语法
- react——JSX语法
- React基础之JSX语法
- React语法基础之JSX
- 03、react之 JSX语法
- 如何使用webpack在vue项目中写jsx语法
- react与jsx语法介绍--先行篇
- react与jsx语法--后续篇
- 2. React JSX语法及特点介绍
- React Native入门:关于JSX语法
- React学习之JSX语法讲解(一)
- 前端之微信小程序优化
- 栈的压入、弹出序列
- 「NOIP 2017」解题报告
- 基于网络层和应用层的DDoS攻击
- 【Tomcat】Tomcat的部署方法详细步骤
- react在jsx语法中实现for循环
- 常用的jsAPI
- Git常用指令集合 (基本操作)
- Swift字符串常用操作总结
- MarkDown语法
- 欢迎使用CSDN-markdown编辑器
- jvm学习记录--07 性能监控Java工具篇
- 布局管理器之FlowLayout、BorderLayout、SpringLayout
- NEFU OJ 1246 华丽的字符串