【React工作记录六十五】ant design子组件渲染不能及时渲染

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

导语

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




编辑


核心代码

<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)}利用这条规则控制页面数据变化渲染

相关文章
|
5月前
|
前端开发 JavaScript
React如何进行条件渲染
React如何进行条件渲染
36 0
|
11天前
|
资源调度 JavaScript 前端开发
使用vite+react+ts+Ant Design开发后台管理项目(二)
使用vite+react+ts+Ant Design开发后台管理项目(二)
|
2月前
|
资源调度 前端开发 API
React Suspense与Concurrent Mode:异步渲染的未来
React的Suspense与Concurrent Mode是16.8版后引入的功能,旨在改善用户体验与性能。Suspense组件作为异步边界,允许子组件在数据加载完成前显示占位符,结合React.lazy实现懒加载,优化资源调度。Concurrent Mode则通过并发渲染与智能调度提升应用响应性,支持时间分片和优先级调度,确保即使处理复杂任务时UI仍流畅。二者结合使用,能显著提高应用效率与交互体验,尤其适用于数据驱动的应用场景。
60 20
|
2月前
|
前端开发
React 如何使用条件渲染
【8月更文挑战第17天】React 如何使用条件渲染
32 3
|
2月前
|
前端开发 JavaScript 中间件
|
2月前
|
前端开发 JavaScript 数据管理
React 中无渲染组件
【8月更文挑战第31天】
23 0
|
2月前
|
前端开发 JavaScript 搜索推荐
|
2月前
|
前端开发 JavaScript 开发者
React Server Component 使用问题之为什么选择使用 React 官方的 renderToString 来渲染 HTML,如何解决
React Server Component 使用问题之为什么选择使用 React 官方的 renderToString 来渲染 HTML,如何解决
|
3月前
|
前端开发 JavaScript 算法
react【框架原理详解】JSX 的本质、SyntheticEvent 合成事件机制、组件渲染过程、组件更新过程
react【框架原理详解】JSX 的本质、SyntheticEvent 合成事件机制、组件渲染过程、组件更新过程
55 0
|
5月前
|
前端开发 JavaScript 算法
React渲染流程
应用的性能和灵活性,以后可以具体看一 Fiber 的工作原理。
35 3
下一篇
无影云桌面