首页 > 解决方案 > ag-Grid Switch 在向下滚动时从选中变为未选中

问题描述

出现这个奇怪的错误,当我向下滚动出该数据视图时,任何已检查的材料 UI 开关都未选中。

下面是带有条件渲染的 Switch 返回。

 let freeTier = props.params.data.tier;

  return freeTier === "FREE" ? (
    <FormGroup>
      <FormControlLabel
        control={
          <Switch
            disableRipple
            focusVisibleClassName={classes.focusVisible}
            classes={{
              root: classes.root,
              switchBase: classes.switchBase,
              thumb: classes.thumb,
              track: classes.track,
              checked: classes.checked
            }}
            {...props}
          />
        }
      />
    </FormGroup>
  ) : null;

这就是我将上述内容称为cellRendererFramework

  cellRendererFramework: params => {
            const handleClick = params => {
              console.log(params.data);
            };

            return (
              <PaypalSwitch
                params={params}
                data={params.data}
                otherProps={this.props}
                onClick={() => handleClick(params)}
              />
            );
          }

从看起来网格重新渲染的情况来看?我收到这个错误。

ag-Grid:未在 1000 毫秒内创建反应组件“cellRendererFramework”

标签: ag-gridag-grid-react

解决方案


推荐阅读