rerender table data on change

This commit is contained in:
Eduard Heimbuch
2019-12-04 13:16:08 +01:00
parent 6f535f9577
commit 14ad7e98f3

View File

@@ -1,4 +1,4 @@
import React, { FC, ReactElement, useState } from "react"; import React, { FC, ReactElement, useEffect, useState } from "react";
import styled from "styled-components"; import styled from "styled-components";
import { Comparator } from "./table"; import { Comparator } from "./table";
import SortIcon from "./SortIcon"; import SortIcon from "./SortIcon";
@@ -17,6 +17,9 @@ type Props = {
const Table: FC<Props> = ({ data, sortable, children, emptyMessage }) => { const Table: FC<Props> = ({ data, sortable, children, emptyMessage }) => {
const [tableData, setTableData] = useState(data); const [tableData, setTableData] = useState(data);
useEffect(() => {
setTableData(data);
}, [data]);
const [ascending, setAscending] = useState(false); const [ascending, setAscending] = useState(false);
const [lastSortBy, setlastSortBy] = useState<number | undefined>(); const [lastSortBy, setlastSortBy] = useState<number | undefined>();
const [hoveredColumnIndex, setHoveredColumnIndex] = useState<number | undefined>(); const [hoveredColumnIndex, setHoveredColumnIndex] = useState<number | undefined>();