包:material-ui/core已被取消。我應(yīng)該怎么做才能在我的 App.jsx。 https://www.npmjs.com/package/@material-ui/core 我在代碼沙盒上運行它,在那里我們直接搜索名字,然后把它直接放到依賴文件夾中。
在react APP.jsx中添加圖標(biāo)
你可以使用反應(yīng)圖標(biāo)。
https://react-icons.github.io/react-icons/
npm install react-icons --save
官方樣本:
import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
render() {
return <h3> Lets go for a <FaBeer />? </h3>
}
}
//functional
function Question() {
return <FaBeer />
}
調(diào)整大小:
<FaBeer size={20} />
ps。 您可以通過以下方式安裝mui
npm install @mui/material @emotion/react @emotion/styled
React應(yīng)用程序的圖標(biāo)有許多選項。一些流行的圖標(biāo)庫有:
字體真棒: Font Awesome是一個流行的圖標(biāo)庫,有超過2000個免費和開源的圖標(biāo)。它還提供專業(yè)訂閱,起價為每年79美元,可以訪問近20,000個圖標(biāo)。這些圖標(biāo)可以定制不同的大小和顏色。
反應(yīng)羽毛: React Feather是React的極簡開源圖標(biāo)集合,基于Feather圖標(biāo)庫。這個圖標(biāo)集強調(diào)簡單性、一致性和可讀性。
材料用戶界面: 它可以讓你訪問材料圖標(biāo)庫,這是由谷歌根據(jù)材料設(shè)計系統(tǒng)創(chuàng)建的。
反應(yīng)圖標(biāo): 它提供了各種各樣的圖標(biāo)。
英雄圖標(biāo): Heroicons是由流行的CSS框架Tailwind的同一批開發(fā)者創(chuàng)建的。這個庫提供了一個很小但很漂亮的SVG圖標(biāo)集。
以及更多的選擇。