antdesign renders all icon components

Copy the following components directly to view the effect

import * as icons from '@ant-design/icons'

export default () => {
    
    
	return (
		<div>
			<h1>线框风格</h1>
			{
    
    
			    Object.keys(icons).map((key): any => {
    
    
			        if (key.includes('Outlined')) {
    
    
			            let Com = icons[key]
			            return <Com></Com>
			        }
			        return <></>
			    })
			}
			<h1>实底风格</h1>
			{
    
    
			    Object.keys(icons).map((key): any => {
    
    
			        if (key.includes('Filled')) {
    
    
			            let Com = icons[key]
			            return <Com></Com>
			        }
			        return <></>
			    })
			}
			<h1>圆形实底风格</h1>
			{
    
    
			    Object.keys(icons).map((key): any => {
    
    
			        if (key.includes('CircleFilled')) {
    
    
			            let Com = icons[key]
			            return <Com></Com>
			        }
			        return <></>
			    })
			}
			<h1>双色风格</h1>
			{
    
    
			    Object.keys(icons).map((key): any => {
    
    
			        if (key.includes('TwoTone') && !key.includes('Color')) {
    
    
			            let Com = icons[key]
			            return <Com></Com>
			        }
			        return <></>
			    })
			}
		</div>
	)
}

Guess you like

Origin blog.csdn.net/qq_45458749/article/details/127187464