Ag 网格阻止访问 React 状态变量的当前值

大佬教程收集整理的这篇文章主要介绍了Ag 网格阻止访问 React 状态变量的当前值，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Ag 网格阻止访问 React 状态变量的当前值？

@H_197_3@const [fromDate,setFromDate] = useState(moment().format('DD/MM/YY'));

function generatecolumnDefs(columnDefs) {
  return columnDefs.map(columnDef => {
      if (columnDef.fIEld === 'lob') {
        Object.assign(columnDef,{
          cellRendererFramework: loblinkRenderer
        });
      }   
    return columnDef;
  });
}

function loblinkRenderer(params) {
    return (
      <a onClick={() => handleClick(params)}>{params.value}</a>
    );
}

const test=()=>{
    return fromDate;
};

const handleClick = (params) => {
   let myDate1 = fromDate;
   let myDate2 = test();
}

return (
  <div>
     ...
     <button onClick={handleClick}>Test me </button>
  </div>
)

以上代码是构建 @H_197_3@agGrID 网格的 React 组件的一部分。某列的内容通过@H_197_3@cellRendererFramework转换为超链接。一旦点击这些超链接，@H_197_3@handleClick 就会被调用并填充 @H_197_3@myDate1 和 @H_197_3@myDate2。 我完全无法解释的是为什么 fromDate 没有其当前值。在上述情况下，尽管状态变量的值发生了多次变化，但它始终具有 @H_197_3@useState 提供的初始值，而不是当前值。同时，如果点击 @H_197_3@Test me 按钮，我会得到正确的 @H_197_3@fromDate...

解决方法

@H_197_3@const fromDateRef = useRef(null);

fromDateRef.current = fromDate;

@H_197_3@const test=()=>{
    return fromDateRef.current;
};

const handleClick = (params) => {
   let myDate1 = fromDateRef.current;
   let myDate2 = test();
}

大佬总结

以上是大佬教程为你收集整理的Ag 网格阻止访问 React 状态变量的当前值全部内容，希望文章能够帮你解决Ag 网格阻止访问 React 状态变量的当前值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。