在 IconButton 中使用图像作为图标 - ChakraUI
我想在 IconButton 中使用 .png 文件，但是 设置 icon="/image.png 或 src="/image.png 不起作用 如何传递图像作为 chakraUI 中 IconButton 组件的图标？
i want to use a .png file inside IconButton, but
setting icon="/image.png or src="/image.png does not work
How do i pass an image as the icon for the IconButton component in chakraUI?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您可以将
![]()
You can nest the
<Image>component inside the<IconButton>component like this:我问得有点早
所以我通过创建一个
imageElement = React.CreateElement("img", {src="/image.png"})并将其传递到icon={imageElement}来修复此问题IconButton的代码>i ask a bit early
so i fixed this by creating an
imageElement = React.CreateElement("img", {src="/image.png"})the passing it into theicon={imageElement}ofIconButtonYoyoy 任何图像都没有创建反应内容
导入 ListIcon，来自 Chakraui blah blah 的图像
Yoyoy any image no create react stuff
import ListIcon, Image from Chakraui blah blah
<ListIcon as={Image} src={
${url OR API call}}/>