如何解决反应插入变量到标签
我想将库中的图标动态插入到react元素中。不幸的是,它是作为字符串而不是图标呈现的。。。
@Prop() icon: string;
render() {
const xmlIcon = `<i-fill-${this.icon}/>`;
const { href,type,target,rel } = this;
let Tag = href ? "a" : "button";
let attrs = Tag === "a" ? { href,rel } : { type };
return (
<Host>
<Tag {...attrs}>
<slot />
{xmlIcon}
</Tag>
</Host>
由
呈现 <pw-button-primary-big icon="debt">
Title
</pw-button-primary-big>
接受字符串作为道具并将其插入标记以创建呈现的标签的最佳方法是什么?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。