美文网首页
react 组件被复用,componentWillMount只执

react 组件被复用,componentWillMount只执

作者: 黎明的叶子 | 来源:发表于2022-06-21 14:02 被阅读0次

不想组件复用,两种方法:
1.加key值。
2.新建元素。以iframe为例

 let iframeSrc = `${window.location.origin}${api}/${projectId}`

    let iframeEl = document.createElement('iframe')
    iframeEl.setAttribute('src', iframeSrc)
    iframeEl.style.display = 'none'

    document.body.appendChild(iframeEl)

相关文章

  • React相关问题

    一.react生命周期 1.组件载入阶段: componentWillMount:组件即将被装载、渲染到页面上,只...

  • React 组件的生命周期

    React 组件的生命周期概念图 装载组件触发 componentWillMount在首次渲染之前,** rend...

  • 前端理论面试-react篇

    前端理论面试-react篇 1.react生命周期 组件将要挂载时触发的函数:componentWillMount...

  • React生命周期

    组件加载:componentWillMount componentWillMount会在组件render之前执行,...

  • react生命周期

    constructor 初始化init componentWillMount 在组件即将被挂载到页面上的时刻自动执...

  • react的生命周期函数

    先来了解一下react的生命周期函数有哪些: 组件将要挂载时触发的函数:componentWillMount组件挂...

  • 拯救react的hooks:react的问题和hooks的作用

    react组件和react组件逻辑复用 react是一个视图层组件方案,最核心的功能就是绑定视图与数据和逻辑,实现...

  • 将React 组件作为props传入组件

    React中有很多方法可以进行组件的复用。比如HOC、FACC等等,为了提高组件的复用性,也可将组件作为props...

  • react hook

    一、为什么要使用react hook 1. 在组件之间复用状态逻辑很难(状态逻辑复用) React 没有提供将可复...

  • React之高阶组件

    概述: 高阶组件(Higher Order Component,简称:HOC)是 React 中用于复用组件逻辑的...

网友评论

      本文标题:react 组件被复用,componentWillMount只执

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