带有react-window的闪烁行react-table v7

Question

我在官方react-table sandbox上遵循了这个例子。示例中的行在我滚动时闪烁，当你在线阅读时，他们建议将style添加到div中，即https://github.com/bvaughn/react-virtualized/issues/1327。但作者已经添加了style：

const RenderRow = React.useCallback(
({
    index,
    style
}) => {
    const row = rows[index]
    prepareRow(row)
    return ( <
        div {
            ...row.getRowProps({
                style, // Style added here.
            })
        }
        className = "tr" >
        {
            row.cells.map(cell => {
                return ( <
                    div {
                        ...cell.getCellProps()
                    }
                    className = "td" > {
                        cell.render('Cell')
                    } <
                    /div>
                )
            })
        } <
        /div>
    )
},
[prepareRow, rows]
)

但这些行仍然在闪烁。有没有人知道如何解决闪光问题？诚挚的问候

Answer 1

我认为这是Javascript的自然行为，你这样做是对的。当你给表格加“窗口”并滚动时，Javascript需要一点时间来隐藏和显示行。所以闪光就来了。