import React from 'react' ; import { ALink } from '@/components' ; import config from '@/config' ; import Card from '../card' ; import './style.less' ; type Props = unknown ; interface MeTechnologyStack { ( props ) : JSX . Element | null ; } const MeTechnologyStack = ( ) => { return ( < Card title = "本站核心技术" className = "me-technology-stack" > 本站为SSR项目 ， 使用React + Koa + typescript进行开发 { } { config . technologyList . map ( ( item ) => ( < div className = "technology-stack-bar" key = { item . name } > < div className = "progress df-sb" style = { { width : `${ item . rate }%` } } > < div className = "name" > { item . name } < /div> < div className = "rate" > { item . rate } % < /div> < /div> < /div>))} < /Card>); } ; export default MeTechnologyStack ;