React中如何让Table滚动条始终保持在底部？

React Table滚动条底部显示技巧

本文介绍如何在React中实现Table滚动条始终停留在底部，即使在页面首次加载时也能生效。

解决方案：

利用scrollTop属性，我们可以强制滚动条滚动到指定位置。 通过将scrollTop设置为一个较大的值（例如10000），可以确保滚动条始终位于底部。以下代码示例演示了这一方法：

import { createRef } from "react";

export default class Table extends React.Component {
  constructor(props) {
    super(props);
    this.tableRef = createRef();
  }

  componentDidMount() {
    this.tableRef.current.scrollTop = 10000;
  }

  render() {
    return (
       ... 
    );
  }
}

数组合并效率：

另外，如果需要合并两个数组，建议使用...扩展运算符或concat方法，两者在效率上都比较优秀。 选择哪种方法取决于个人偏好和代码风格。