我在我的项目中同时使用 Next JS 和 Material UI。对于图像优化，我想使用 Next JS Image 组件。
目前，我的卡片媒体如下所示。我从 API 调用中获取图像 URL row.image.url并将其分配给CardMedia组件的image prop
<CardMedia
className={classes.cardMedia}
image={row.image.url}/>
但我想利用 Next JS Image组件进行优化和延迟加载，但找不到适合此的方法。
import Image from 'next/image'
有人遇到过这种类型的要求吗？感谢你的帮助
谢谢文克
我正在处理下面的 XML，其中我需要删除名字中的特殊字符。(Andr\xc3\xa9s) 中的 \xc3\xa9 不确定这个字符的实际名称是什么。如果我按原样处理名字，那么供应商系统就会失败
\n\n<?xml version="1.0" encoding="UTF-8"?>\n<reportentry>\n<reportdata>\n <id>12345</id>\n <firstname>Andr\xc3\xa9s</firstname>\n <lastname>Williams</lastname>\n</reportdata>\n</reportentry>\n我只是尝试了有效的替换功能，下面是代码。不知道有没有更好的方法来处理？有什么建议 ？
\n\n <xsl:value-of select="replace($string1, \'\xc3\xa9\', \'e\')"/>\n完整代码
\n\n<?xml version="1.0" encoding="UTF-8"?>\n<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"\nxmlns:xs="http://www.w3.org/2001/XMLSchema" exclude-result-prefixes="xs" version="2.0">\n\n<xsl:variable name="string1" select="/reportentry/reportdata/firstname"/>\n<xsl:variable name="comma" select="\',\'"/>\n<xsl:output method="text" omit-xml-declaration="yes"/>\n\n<xsl:template match="/reportentry">\n\n <xsl:value-of select="reportdata/id"/>\n <xsl:value-of select="$comma"/>\n <xsl:value-of select="replace($string1, \'\xc3\xa9\', \'e\')"/>\n <xsl:value-of select="$comma"/>\n <xsl:value-of select="reportdata/lastname"/>\n\n</xsl:template>\n</xsl:stylesheet>\n我预期结果为 12345,Andres,Williams
\n