美文网首页
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 .

    相关文章

      网友评论

          本文标题:Render函数

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