如何刷新由Slate JavaScript Functions获取的组件表格数据?
解决Slate JS表格数据编辑后不实时刷新的问题
- 重新拉取最新数据更新表格:编辑完成后,直接调用你最初用Slate JavaScript Functions获取表格数据的函数,重新从平台拉取一遍数据,然后把新数据赋值给表格的数据源,覆盖旧数据,表格就会自动展示最新内容。
- 更新本地状态触发组件重渲染:如果是React类组件,修改数据后调用
setState更新表格绑定的状态变量;如果是函数组件,用useState的更新方法修改数据源。原生JS实现的话,就手动清空表格,再根据新数据重新生成所有行和单元格。 - 确认编辑操作同步到平台后端:先检查你的编辑函数是不是真的把修改提交到平台了,别只改了本地缓存。可以在编辑完成后打印接口返回结果,或者直接去平台后台看数据有没有更新,不然重新拉取的还是旧数据。
- 用Slate官方API修改数据:如果表格是Slate编辑器的一部分,别直接改原始数据对象,要用Slate提供的
setNodes或者编辑器实例的change方法来修改数据。Slate的状态是响应式的,用官方API改完会自动触发组件刷新。
内容的提问来源于stack exchange,提问作者Marco
相关产品推荐
相关产品推荐

