Question

您好，我有以下代码可映射我的文字并打印字体，

{['Example1:', 'Example2:',].map(x => (
     <Typography key={x} className = { classes.titleText } variant="subtitle1" >{x}</Typography>

但是，我想将数据连接到此地图中，下面的示例有效，但是它的效率很低，因为我需要复制和粘贴每行并分别调用每个数据集。

<Typography className = { classes.titleText } variant="subtitle1" >Example1 Date: {data.date} </Typography>

如何在原始地图中调用{data.date}？我已经尝试过{['Example1'+ {data.date}]}，但这不起作用

Answer 1

您需要创建一个对象数组：

[{label: 'Example1:', date: someDate},{label: 'Example2:', date: someOtherdate}].map(x =>
     <Typography key={x.label} className = { classes.titleText } variant="subtitle1" >{x.date}</Typography>

棘手的事情是将日期添加到标签中。您可能需要这样的映射函数：

const mergeDates = (data, labels) => labels.map(label => ({label, date: data[someindex].date}) )

将数据连接到现有地图中

1 个答案: