3 回答

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊
要通過(guò) prop 全局使用圖標(biāo),name
您需要?jiǎng)?chuàng)建React.icons
對(duì)象:
React.icons = {...freeSet }

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超7個(gè)贊
默認(rèn)情況下,并非所有免費(fèi)圖標(biāo)都是導(dǎo)入的。您需要將希望使用的圖標(biāo)添加到src/assets/icons/index.js文件中。
import {
...
cilUser,
...
} from '@coreui/icons'
export const icons = Object.assign({}, {
...
cilUser,
...
})
React.icons在src/index.js中全局設(shè)置,它使用從src/assets/icons/index.js導(dǎo)出的圖標(biāo)
import { icons } from './assets/icons'
...
React.icons = icons
導(dǎo)入要使用的圖標(biāo)后,可以按名稱使用圖標(biāo):
<CIcon name="cil-user" />

TA貢獻(xiàn)2012條經(jīng)驗(yàn) 獲得超12個(gè)贊
使用以下內(nèi)容:
import CIcon from '@coreui/icons-react' import { freeSet } from '@coreui/icons'
然后使用它:
<CIcon content={freeSet.cilUser} />
添加回答
舉報(bào)