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

产品：SpreadJS
版本：V16.2.6

又遇到了 就是

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

复制代码

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

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

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

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

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

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

1.   const [flag, setFlag] = useState();
   
2.   const flagRef = useRef();
   
3.   useEffect(() => {
   
4.     flagRef.current = flag;
   
5.   }, [flag]);
   
6.   const designerInitialized = (designer) => {
   
7.     setFlag('1212');
   
8.     const spread = designer.getWorkbook();
   
9.     const sheet = spread.getSheet(0);
   
10.     sheet.bind(GC.Spread.Sheets.Events.EditEnded, () => {
    
11.       console.log(flagRef.current);
    
12.     });
    
13.   };

复制代码

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

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

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

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

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