Таблица данных React - автоматическое обновление / обновление только содержимого таблицы каждые 30 секунд - PullRequest
Новая
       107

Таблица данных React - автоматическое обновление / обновление только содержимого таблицы каждые 30 секунд

0 голосов
/ 07 августа 2020

У меня есть таблица, и я пытаюсь автоматически обновлять sh содержимое таблицы каждые 30 секунд c. С помощью своего кода я отправляю вызов в componentDidMount, настраиваю вызов setInterval и очищаю его в componentWillUnmount. Но вся эта таблица освежает со всеми заголовками и прочим. Мне просто нужно обновить содержимое таблицы, а не все.

Как я могу этого добиться. Мой код: 

export class ABCTable extends React.Component {
    constructor(props) {
        super(props);
    }

    componentWillMount() {
        this.context.store.dispatch(getData());
    }

    componentDidMount(){
           this.updateTimer = setInterval(() => this.context.store.dispatch(getData()), 30000);
}

componentWillUnmount(){
    clearInterval(this.updateTimer);
}
    
    _getProps() {
        const arr = this.props.getData.data;
        const data = arr.map((d, i) => {
            return {    
                'id': this.formatPathId(d['id']),
                'name': this.formatTime(d['name'])
            }
        })
        return {
            data,
            dtOptions: {
                order: [2, "desc"]
            },
            columns: [
                {
                    data: 'id',
                    title: 'Id',
                    searchable: true
                },
                {
                    data: 'name',
                    title: 'Name',
                    searchable: true
                }
            ]

        }
    }


    render() {
           let tableProps = this._getProps();
            return (       
                <div className={style.container}>
                    <Table {...tableProps}/>
                </div>
                
            );
    }
}
...