react表扩展在popover中不起作用

Question

我在整个站点中使用react-table运行良好，我尝试在popover中使用react-table，表已显示，但行的扩展不起作用，在检查DOM时，进行了扩展单击，数据在几秒钟内就呈现出来了。

import { OverlayTrigger, Popover } from 'react-bootstrap';
import ReactTable from 'react-table';
export const sampleTable = observer(class sampleTable extends React.Component {
const table = <ReactTable data={tableData} pivotBy={["parent"]} columns={tableColumn}  />
return (<>
<OverlayTrigger className="popover"
popperConfig={{ modifiers: { preventOverflow: { enabled: false } } }} 
placement={row.distance < 400 ? "auto" : "left"} 
trigger="click" rootClose overlay={<Popover>{table}</Popover>}> 
<p>some data </p>
</OverlayTrigger> 
</>);
}

Answer 1

最终找到了解决方案，popover在数据更改时重新渲染，默认情况下react-table会在重新渲染时折叠行，通过添加collapseOnDataChange: false来避免这种情况

第页。S： 使用mobx.js存储