Ag-grid反应中的重复工具提示渲染

问题描述

我在我的react项目中使用了ag-grid。在针对特定列的ag-grid中，我使用了自定义工具提示组件。我的农业网格配置是

<AgGridReact
frameworkComponents={{
              actionsColumnRenderer: ActionsColumnRenderer,picklistTooltipComponent: OptionTooltipComponent,}}
columnDefs={[{
    field: 'optionsSize',headerName: 'Options',width: 100,tooltipField: 'options',tooltipComponent: 'picklistTooltipComponent',}]}
/>

这看起来与ag-grid中的文档非常相似。 OptionTooltipComponent的代码是

class OptionTooltipComponent extends React.Component {
  getReactContainerClasses() {
    return ['custom-tooltip'];
  }

  render() {
    return (
      <div className="custom-tooltip" style={{ backgroundColor: this.props.color || 'white' }}>
        <h3>Picklist Options</h3>
        <ul>
          {this.props.value && this.props.value.length ? (
            this.props.value.map((op,index) => <li key={index}>{op.name}</li>)
          ) : (
            <li>No picklist options</li>
          )}
        </ul>
      </div>
    );
  }
}

我现在面临的问题是一些提示始终存在，并且没有隐藏，正如您在video recorded中看到的那样

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）