0
390
Views¿Cómo mostrar el nombre de la imagen en el componente Ant design <Image.PreviewGroup>?
<Image.PreviewGroup> <Image width={200} src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" /> <Image width={200} src="https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg" /> </Image.PreviewGroup>Quiero mostrar el nombre de la imagen actual como se muestra en la siguiente captura de pantalla:
Nota : estoy usando antd: v4.16.13 
Referencia: https://ant.design/components/image/#components-image-demo-preview-group
·
Santiago Trujillo
1 answers
Answer question0
Creo que no hay una API oficial para hacer esto.
Puede hacer esto como una solución alternativa. En lugar de representar los números de conteo, puede mostrar los nombres de las imágenes.
const { createRoot } = ReactDOM; const { Image } = antd; const App = () => { const names = ["First Image", "Second Image"]; return ( <Image.PreviewGroup preview={{ countRender: (current) => names[current - 1] }} > <Image width={200} src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" /> <Image width={200} src="https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg" /> </Image.PreviewGroup> ); }; const Demo = App; createRoot(mountNode).render(<Demo />);
·
Santiago Trujillo
Report
Answer question