#yyds干货盘点# 【React工作记录六十五】ant design子组件渲染不能及时渲染

简介: #yyds干货盘点# 【React工作记录六十五】ant design子组件渲染不能及时渲染

 

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

ant design子组件渲染不能及时渲染

image.png

核心代码

<CertifyInfo
          key={JSON.stringify(activeUpdateData)}
          onRef={(ref) => {
            this.certifyInfo = ref;
          }}
          partnerType={partnerType}
          setLoading={this.setLoading}
          dispatch={this.props.dispatch}
          activeUpdateData={activeUpdateData}
          type="edit"
        />

总结

 key={JSON.stringify(activeUpdateData)}利用这条规则控制页面数据变化渲染

相关文章
|
存储 JavaScript 算法
React聚焦渲染速度
React聚焦渲染速度
139 0
|
资源调度 JavaScript 前端开发
使用vite+react+ts+Ant Design开发后台管理项目(二)
使用vite+react+ts+Ant Design开发后台管理项目(二)
|
前端开发 JavaScript 安全
使用React、TypeScript和Ant Design构建现代化前端应用
使用React、TypeScript和Ant Design构建现代化前端应用
975 0
|
前端开发 JavaScript
React渲染性能的优化
React渲染性能的优化
203 2
|
前端开发
React 中条件渲染的 N 种方法
React 中条件渲染的 N 种方法
195 3
react使用ant desgin 组件实现便利开发
react使用ant desgin 组件实现便利开发
|
前端开发 JavaScript 安全
react如何渲染包含html标签元素的字符串
react如何渲染包含html标签元素的字符串
491 0
|
前端开发 JavaScript
react的render什么时候渲染?
react的render什么时候渲染?
234 0
|
前端开发 JavaScript
React中通过children prop或者React.memo来优化子组件渲染【react性能优化】
React中通过children prop或者React.memo来优化子组件渲染【react性能优化】
304 0
|
存储 前端开发
React & webpack &ant 学习
React & webpack &ant 学习
191 0