编辑结束后调用方法拿不到最新的状态中的数据

刘老太

本帖最后由 Richard.Huang 于 2024-3-22 12:03 编辑

产品：SpreadJS
版本：V16.2.6

又遇到了就是

const [flag,setFlag] = useState();
const designerInitialized = (designer) => {
setFlag('1212');
const spread = designer.getWorkbook();
const sheet = spread.getSheet(0);
sheet.bind(GC.Spread.Sheets.Events.EditEnded,function(sender,args){
console.log(flag)
})
}
var config = GC.Spread.Sheets.Designer.DefaultConfig;
return (
<Designer styleInfo = {{width: "100%", height: '98vh'}} designerInitialized={designerInitialized} config = {config} spreadOptions = {{sheetCount: 2}}></Designer>
);

复制代码

编辑结束的打印的flag并不是最新的我上面已经给他复制为1212了但是还是undefined

刘老太 · 刘老太

樱花飞舞发表于 2024-3-20 17:55
我在外面写了一个button点击是最新的状态点击自定义工具栏里面打印的确是之前的

因为config是你创建组件时建好的闭包, 而button每次触发事件的时候react会给button组件触发新的状态, config不会被react更新, 除非你给config配置一个react组件作为designer的子组件, 或者就是用上面的useRef

Joestar.Xu · Joestar.Xu

您好，这是一个React框架 useState 异步回调获取不到最新值的问题，与SpreadJS无关。

我在网上搜索了一下，您可以参考以下方案来解决这个问题：

https://juejin.cn/post/7019482437373657101
https://blog.csdn.net/dejfwewf/article/details/126103196

刘老太 · 刘老太

被闭包抓着了, 你用useRef取一下最新值就行

复制代码

樱花飞舞 · 樱花飞舞

我在外面写了一个button点击是最新的状态点击自定义工具栏里面打印的确是之前的

樱花飞舞 · 樱花飞舞

刘老太发表于 2024-3-20 17:47
被闭包抓着了, 你用useRef取一下最新值就行

大佬可以解释一下他是怎么抓着的嘛抓着是什么意思呐

Joestar.Xu · Joestar.Xu

刘老太发表于 2024-3-20 18:07
因为config是你创建组件时建好的闭包, 而button每次触发事件的时候react会给button组件触发新的状态, con ...

		自动登录	找回密码
密码			立即注册

[已处理] 编辑结束后调用方法拿不到最新的状态中的数据