我是 React 的新手,想在现有组件中呈现 Material UI 图标(来自https://www.npmjs.com/package/@material-ui/icons)。
我注意到之前在组件上工作的人包含了具有属性的图标,例如:
<FieldWrapper scrollToOnFocus icon={<SomeMaterialIcon />}>
但我需要像在一些现有的 html 中一样添加我的图标,例如:
<a href="/somewhere">Read more ICON HERE</a>
我不确定如何做到这一点。添加{<SomeMaterialIcon />}
或<SomeMaterialIcon />
直接添加到 HTML 行会破坏组件。
有谁知道如何做到这一点?
假设您已经安装了包 (@material-ui/icons) 并正确导入了 Icon,它应该像<SomeMaterialIcon />
.
例子:
import React from "react";
import ReactDOM from "react-dom";
import AddIcon from '@material-ui/icons/Add';
function App() {
return (
<div>
<a href="/somewhere"><AddIcon /></a>
</div>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句