色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

如何在React.js中添加圖標(biāo)

張吉惟2年前9瀏覽0評論

包: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)集。

以及更多的選擇。