在re-frame和re-agent应用中使用资源文件夹中的图像,可以通过以下步骤实现:
resources/public
目录下的images
文件夹中。cljs.core/require
函数导入reagent.core
和re-frame.core
库。reagent.core/as-element
函数将图像路径转换为Reagent元素。reagent.core/as-element
函数将图像路径转换为Reagent元素。my-image.png
是资源文件夹中的图像文件名,通过reagent.core/as-element
函数将图像路径转换为Reagent元素,并在[:img]
标签中使用{:src}
属性指定图像路径。load-image
函数接受图像路径作为参数,创建一个Image
对象,并在图像加载完成时触发:image-loaded
事件,将图像路径和图像对象作为参数传递给事件处理函数。事件处理函数将图像对象保存在应用的状态中。(re-frame/subscribe [:images "images/my-image.png"])
订阅应用状态中的图像对象,并在[:img]
标签中使用{:src}
属性指定图像的URL。这样,就可以在re-frame和re-agent应用中使用资源文件夹中的图像了。请注意,上述代码仅为示例,实际应用中可能需要根据具体情况进行适当的修改和调整。
云+社区技术沙龙[第21期]
Techo Day
高校开发者
企业创新在线学堂
Elastic 实战工作坊
云+社区技术沙龙[第27期]
企业创新在线学堂
DBTalk技术分享会
云原生正发声
领取专属 10元无门槛券
手把手带您无忧上云