美文网首页React
React-01 ReactDOM相关

React-01 ReactDOM相关

作者: 呆桃冲鸭冲鸭 | 来源:发表于2020-08-19 06:30 被阅读0次

    1.createPortal

    ReactDOM.createPortal(vNode,container)   Portal提供一种将子节点渲染到DOM节点中的方式,该节点存在于DOM组件的层次结构之外

    将虚拟dom渲染到其他的dom节点中。

    index.html child.js 渲染结果

    2.findDOMNode

    ReactDOM.findDOMNode(component)如果组件已经被挂载到DOM上,此方法会返回浏览器中相应的原生DOM元素。

    示例 打印结果

    3.unmountComponentAtNode

    ReactDOM.unmountComponentAtNode(container)从DOM中卸载组件,会将其事件处理器(event handlers)和 state一并清除。

    把容器下所有的节点清空。

    示例 原先结构 点击按钮以后,容器下所有节点清空

    4.unstable_batchedUpdates

    手动合并更新。React中Promise.then(fn)、setTimeout、xhr等,异步程序中React并没有控制权。

     setState 写在异步方法中,写几次,组件会重新渲染几次。

    示例1(此时会渲染2次) unstable_batchedUpdates合并更新,只渲染一次

    相关文章

      网友评论

        本文标题:React-01 ReactDOM相关

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