React重新渲染UI时遇到的坑

React在render重新渲染UI时会与原先渲染时的虚拟DOM比较差异，然后只重新渲染差异部分以提高性能  *注意是虚拟DOM，这会导致通过js对实体DOM的操作，React是无法识别的。

举个例子：

import React,{ Component } from "react";
import './index.css';
class FormTable extends Component{
    constructor(props){
        super();
        this.state={
            table:[
            {
                col1:'1',
                col2:'2',
                col3:'3',
                col4:'4',
            },
            {
                col1:'5',
                col2:'6',
                col3:'7',
                col4:'8',
            },
            {
                col1:'9',
                col2:'10',
                col3:'11',
                col4:'12',
            },
            {
                col1:'13',
                col2:'14',
                col3:'15',