子组件的数据无法实时渲染子组件的数据无法实时渲染

简介: 子组件的数据无法实时渲染

导语

今天在数据处理编辑的时候 一个公司库的组件无法实时的一个渲染




编辑


核心代码

<Form style={{ display: editStep === 0 && !successModal ? 'block' : 'none', marginTop: '50px', }} {...formItemLayoutSmall} id={`${id}base-info`} key={JSON.stringify(lecturerOrganizationEntity)} > </Form>




总结

在ant design的form上面绑定一个key={JSON.stringify(lecturerOrganizationEntity)}则问题得到解决 就很nice

-----------------------------------


相关文章
|
2月前
|
JavaScript
子组件获取外层组件的scrollTop,达到实时定位的效果
本文介绍了如何通过Vue的自定义事件总线(eventBus),实现子组件获取外层组件的scrollTop值,并达到实时定位的效果。
28 1
子组件获取外层组件的scrollTop,达到实时定位的效果
|
4月前
|
开发框架 JavaScript 前端开发
基于Vue的工作流项目模块中,使用动态组件的方式统一呈现不同表单数据的处理方式
基于Vue的工作流项目模块中,使用动态组件的方式统一呈现不同表单数据的处理方式
|
5月前
|
JavaScript
vue父子组件传值,父组件内容更新子组件内容不实时更新
vue父子组件传值,父组件内容更新子组件内容不实时更新
1933 0
|
6月前
|
前端开发
在有状态组件中使用forceUpdate()方法重新渲染
在React类组件中使用`forceUpdate()`重新渲染的步骤包括:继承`React.Component`,定义`updateComponent`方法调用`forceUpdate`,并在模块热替换回调中调用此方法。示例代码展示了如何实现。注意,这种方式需要手动创建和管理组件实例,不适合React Hooks,应优先考虑使用`useState`或`useReducer`来更新状态并触发渲染。
|
6月前
|
前端开发
如何将两个或多个组件嵌入到一个组件中
如何将两个或多个组件嵌入到一个组件中
|
前端开发
如何将两个或多个组件嵌入到一个组件中?
如何将两个或多个组件嵌入到一个组件中?
|
数据可视化 5G 云计算
干货:实时渲染和离线渲染的区别?实时云渲染又是什么?
常见的渲染类型有以下几种:实时渲染、离线渲染、实时云渲染、混合渲染。那么什么是实时渲染?实时渲染和离线渲染有哪些区别?各自有哪些典型应用场景...... 有没有人感觉知道了,但又没完全知道? 今天小编就尽量为大家用简单易懂的方式先解释下实时渲染、离线渲染、实时云渲染这3个概念。
干货:实时渲染和离线渲染的区别?实时云渲染又是什么?
函数方式渲染页面
函数方式渲染页面
46 0
|
前端开发 JavaScript
【Render】如何将数据渲染到页面?渲染数据的流程
【Render】如何将数据渲染到页面?渲染数据的流程
183 0
|
JavaScript
解决uniapp分段器参数改变不渲染,适用所有组件
解决uniapp分段器参数改变不渲染,适用所有组件
593 0