美文网首页
Render函数

Render函数

作者: skoll | 来源:发表于2020-06-27 21:47 被阅读0次

1 .render方法是class组件中唯一必须实现的方法
2 .当render被调用的时候,他会检查this.props,this.state的变化并返回以下类型之一

1 .react元素,以jsx语法创建。<div />会被react渲染为dom节点,<myComponent />会被react渲染为自定义组件,无论是<div/>还是<myComponent />均为react元素
2 .数组或者fragments,render方法可以返回多个元素。
3 .Portals:可以渲染子节点到不同的DOM子树中去
4 .字符串或数值类型,在DOM中会被渲染为文本节点
5 .布尔或者null:什么都不渲染

3 .render应该为村函数,这意味着不修改state,props的情况,每次调用都返回相同的结果,并且他不会和浏览器交互
4 .如果需要和浏览器交互,在componentDidMount或其他生命周期中执行操作。保持render为纯函数,可以使组件更容易思考
5 .

相关文章

  • vue的render函数

    render函数的作用 我们自己使用render函数 render函数---通过initrender加入vm对象原...

  • VUE/MUI 项目小记

    render虚拟DOM构造函数 MUI上拉加载 render函数

  • vue中的render函数式组件

    问题:1、render函数是什么2、render函数怎么用 1. render函数是什么 简单的说,在vue中我们...

  • vue渲染流程

    把模板转化成render函数 调用render函数产生虚拟节点,将虚拟节点插入到真实节点上 生成render函数方...

  • Vue render函数认识和使用

    1、认识render函数参数使用 (1)、 render函数的第一个参数 在render函数的方法中,参数必须是c...

  • RN 错误大全

    这个错误的原因是render函数出错,具体就是在render函数里面写了注释,所以千万不要在render函数里写注...

  • React学习笔记2

    1.render函数对于props和state必须是纯函数 render函数不能改变props和state的属性,...

  • 4-组件与 prop、state

    语法: 引入Component 新建一个类,继承Component 实现render函数 在render函数内返回...

  • vue编译模板

    一,with语法 二,编译模板 1,模板编译为render函数,执行render函数返回vnode(虚拟节点)...

  • React V17.0源码 学习笔记(一)

    ReactDOM.render 函数调用说明 ReactDOM.render(element,container,...

网友评论

      本文标题:Render函数

      本文链接:https://www.haomeiwen.com/subject/ltxbfktx.html