Question

我正在尝试显示一个包含1M项的数组，渲染的性能很慢：

class Scroll extends Component {
    render() {
        let display = this.props.names.map
        (
            (name) => (
                <div> {name}</div>
            )
        )

        return (
            <div id='container'>
                <div className="scroll">
                    {display}
                </div>
            </div>
        );
    }
}

尝试解决此处的性能问题，我正在考虑卸载用户不可见的组件。解决性能问题的最佳方法是什么？没有尝试为此导入模块/ lib，而是从'scratch'构建它。

Answer 1

我认为最好采用服务器端分页数据表方法。向用户显示1M记录是无效的，因为人类无论如何都无法处理该数量的数据。查看Fixed Data Table 2或React Table

如何卸载reactjs中的元素？

1 个答案: