React---Render
来源:互联网 发布:淘宝店网名昵称大全 编辑:程序博客网 时间:2024/05/21 14:07
var a=[1,2,3]; var b=['s','m']; class Test extends React.Component{ render(){ return( <div> { a.map((item)=>{ if(item==3){ return( b.map((item)=>{ return <h2>{item}</h2> }) ) } return <h1>{item}</h1> }) } </div> ) } } ReactDOM.render( <Test/>, document.getElementById('example') ); console.log(Test);
可以看到console.log输出:function,react组件实际就是个函数,render中返回值唯一,但是可以通过循环输出一系列组件
阅读全文
1 0
- React---Render
- react-bits:Render Callback
- react重新render
- React render props
- React.render和reactDom.render的区别
- React.render和reactDom.render的区别
- React.render和reactDom.render的区别
- React--重新render的条件
- React中的render何时执行
- 【React】ReactDOM.render源码分析
- React.render is not a function
- react render执行的几种情况
- React总结7:render()渲染时机
- Render;
- render
- React Router v4中component和render的区别
- React学习笔记-模板、ReactDOM.render()、JSX语法
- react.js中render的return的坑
- Reverse Bits 及format()总结
- 二分图匹配的一些概念
- 数据库事务ACID特性
- Git与Github教程
- Terminal
- React---Render
- 饭卡 HDU-2546 【01背包变形】
- Codeforces Round #427 (Div. 2) C D
- [随心译]2017.8.4-联想ThinkPad X1 Carbon评测:更进一步的一流超极本
- 《机器学习》读书笔记5
- 爬虫实战--爬取juubao购物券网站
- okhttpUtils的简单使用以及封装
- 欧拉函数+莫比乌斯函数 模板
- 我印象中的指针与数组2