fix: adds unique key to upload cards to prevent old images being shown while navigating to new page

This commit is contained in:
Feng Sun
2022-11-15 03:48:08 +08:00
committed by GitHub
parent 244fb63c6d
commit 5e8a8b2df9

View File

@@ -1,10 +1,10 @@
import React from 'react';
import { Props } from './types';
import UploadCard from '../UploadCard';
import React from "react";
import { Props } from "./types";
import UploadCard from "../UploadCard";
import './index.scss';
import "./index.scss";
const baseClass = 'upload-gallery';
const baseClass = "upload-gallery";
const UploadGallery: React.FC<Props> = (props) => {
const { docs, onCardClick, collection } = props;
@@ -12,8 +12,8 @@ const UploadGallery: React.FC<Props> = (props) => {
if (docs && docs.length > 0) {
return (
<ul className={baseClass}>
{docs.map((doc, i) => (
<li key={i}>
{docs.map((doc) => (
<li key={doc.id}>
<UploadCard
doc={doc}
{...{ collection }}