我想在IconButton中使用一个.png文件，但是设置icon="/image.png或src="/image.png不起作用。如何在chakraUI中将图像作为IconButton组件的图标传递？
IconButton
icon="/image.png
src="/image.png
bfrts1fy1#
可以将<Image>组件嵌套在<IconButton>组件中，如下所示：
<Image>
<IconButton>
<IconButton icon={<Image src="/image.png" />} />
9udxz4iz2#
我问得有点早，所以我通过创建一个imageElement = React.CreateElement("img", {src="/image.png"})并将其传递到IconButton的icon={imageElement}来修复此问题
imageElement = React.CreateElement("img", {src="/image.png"})
icon={imageElement}
qni6mghb3#
Yoyoy任何图像没有创建React的东西导入ListIcon，从Chakraui导入图像等等〈将图标列表为={图像}源代码={${url OR API call}}/〉
${url OR API call}
3条答案
按热度按时间bfrts1fy1#
可以将
<Image>组件嵌套在<IconButton>组件中，如下所示：9udxz4iz2#
我问得有点早，所以我通过创建一个
imageElement = React.CreateElement("img", {src="/image.png"})并将其传递到IconButton的icon={imageElement}来修复此问题qni6mghb3#
Yoyoy任何图像没有创建React的东西
导入ListIcon，从Chakraui导入图像等等
〈将图标列表为={图像}源代码={
${url OR API call}}/〉