Javascript Fluent UI React状态始终重置为默认值
我在单击列标题时显示一个下拉菜单,但在事件处理程序中,所有状态都重置为初始值 我构建的详细信息如下所示:Javascript Fluent UI React状态始终重置为默认值,javascript,reactjs,office-ui-fabric-react,Javascript,Reactjs,Office Ui Fabric React,我在单击列标题时显示一个下拉菜单,但在事件处理程序中,所有状态都重置为初始值 我构建的详细信息如下所示: 只要单击列标题,就会调用函数_onColumnHeaderContextMenu,如下所示: const\u onColumnHeaderContextMenu=(列,ev)=>{ //const{key}=列; 控制台日志(道具项); 调试器; 常数项=[ { 键:“aToZ”, 名称:“A到Z”, iconProps:{iconName:'SortUp'}, 坎切克:没错, onCl
只要单击列标题,就会调用函数_onColumnHeaderContextMenu,如下所示:
const\u onColumnHeaderContextMenu=(列,ev)=>{
//const{key}=列;
控制台日志(道具项);
调试器;
常数项=[
{
键:“aToZ”,
名称:“A到Z”,
iconProps:{iconName:'SortUp'},
坎切克:没错,
onClick:(ev)=>{
ev.currentTarget.checked=真;
}
},
{
键:“zToA”,
名称:“Z到A”,
iconProps:{iconName:'SortDown'},
坎切克:没错,
选中:column.isSorted&&column.issortedescending,
}
];
常量属性={
项目:项目,,
目标:ev.currentTarget,
directionalHint:directionalHint.bottomLeftEdge,
间隙:10,
是的,是的,
onDismiss:非上下文
}
SetContextMenurops(属性);
}
items现在对应于一个空数组,它是状态的初始值。
但事实并非如此,因为该状态在初始渲染期间已设置,并且未被覆盖
作为测试,我实现了一个调用相同函数的简单按钮:
测试
如果通过按钮执行该函数,则状态将保持其正确值,在我的示例中是在初始渲染期间设置的服务数组
在我看来,问题只发生在下拉菜单或上下文菜单上
这可能是FluentUI框架中的一个bug吗