Function Example

lib/virtualization.test.tsx:204–216

({ data }: { data: string[] })

    return <div style={style}>{data[index]}</div>;
  }
  function Example({ data }: { data: string[] }) {
    rowHeight = useDynamicRowHeight({ defaultRowHeight: 50 });
    return (
      <List
        rowComponent={Row}
        rowProps={{ data }}
        rowCount={2}
        rowHeight={rowHeight}
        rowKey={rowKey}
        style={{ height: 100 }}
      />
    );
  }
  const { container, rerender } = render(<Example data={["a", "b"]} />);
  rerender(<Example data={["b", "a"]} />);
  const firstRow = container.firstElementChild!