小编Cry*_*420的帖子

我正在尝试创建多个包含信息的框，每个框都有一个图标。现在我已经硬编码如下：

<Box p={10} borderRadius='lg' bg={colorMode === 'light' ? 'gray.300' : 'gray.700'}>
    <Stack spacing={5}>
        <Box mt={5}>
            <IconContext.Provider value={{size: '10vh'}}>
                <div>
                    <IoLogoJavascript/>
                </div>
            </IconContext.Provider>
        </Box>
        <Box><Heading>JS & TS</Heading></Box>
    <Progress size="lg" value={75} hasStripe isAnimated/>
</Stack>
</Box>

现在，为了可以动态添加更多这些组件，我想实现一个数据库。大多数情况下很容易，我只是不知道如何使用react-icons组件来实现它？我应该使用其他东西还是可以？