如何解决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 举报,一经查实,本站将立刻删除。