假设我有图标:
//myicons.js
import React from "react";
export const ico = {
someIcon:
<svg ... >
...
</svg>,
以及一个使用一些图标的组件:
import React, { Component } from "react";
import { ico } from "./myicons";
export class MyIcon extends Component {
render () {
return ico[this.props.which];
}
}
还有一些地方使用了这个图标:
//some render func
return (
<div ... >
<MyIcon which="someIcon"/>
...
</div>
);
假设我要添加一个CSS类:
<MyIcon which="someIcon" className="blahblah" />
如何使DOM元素包含类为
blahblah
的<svg class="blahblah"
,也就是说,如何将<MyIcon className="blahblah"
中给出的blahblah
类添加到由ico[this.props.which]
返回的<svg
标签的class=
属性中?如果有帮助的话,这是
render
函数所返回的内容:
![enter image description here](https://istack.dev59.com/cznUh.webp)
<div className={this.props.className}>ico[...]</div>
那样包装ico[...]
,但我很好奇是否可以编程地编辑ico[...]
返回的svg片段..) - Caius Jard