reactjs - 使用 react-window 闪烁行 react-table v7

Question

我在官方react-table 沙箱中关注这个例子。当我滚动时，行在示例中闪烁，当您在线阅读时，他们建议添加style到 div，即https://github.com/bvaughn/react-virtualized/issues/1327。但是作者已经添加了样式：

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 需要一点时间来隐藏和显示行。于是闪电来了。