arrays - 如何一次为一个 React 组件做方法映射?
问题描述
我有那个代码,只是被困在这里:
const images =
[
{src: 'someimage', id: 1},
{src: 'someimage2', id: 2},
{src: 'someimage3', id: 3}
]
return (
<ImageList>
{images.map((item) => (
<ImageListItem className={classes.media} key={images.id} >
<img src={item.src} alt={item.title} />
</ImageListItem>
))}
</ImageList>
);
我想用一个单独的图像渲染每个 ImageListItem 组件,计划将它绑定到 key.id 但我总是有这样的结果:...
有上层组件:
const themes = [1,2,3];
return (
<Grid container className={classes.root}>
<Grid container justifyContent="center" spacing={10}>
{themes.map(() => (
<Grid item >
<Paper elevation={3} className={classes.paper}>
<Theme/>
</Paper>
<Typography align='center' variant="subtitle1">Название</Typography>
</Grid>
))}
</Grid>
</Grid>
);
问题中的所有代码都在主题组件中。只有另一个方法图可以干净地呈现
解决方案
推荐阅读
- oracle - PL/SQL Proc 性能调优
- c - 如何在 Windows 7 64 位上安装 vcpkg?
- javascript - 如何在没有 console.log 的情况下再次更新数组元素?
- javascript - Angular Chart Js图例点击事件不起作用
- c# - 如何使用 Xamarin 表单中的绑定发送数据和发出命令?
- javascript - 来自 JSON 的动态内容需要 30 秒才能加载
- java - 如何获取 apache2 反向代理和 tomcat 服务器后面的客户端主机名?
- sql - 要列出的 SQL 列值搜索文本
- coq - 向量:关于分割和附加向量的定理
- java - 使用套接字连接作为用户身份