Javascript 将数据连接到现有映射中

Javascript 将数据连接到现有映射中,javascript,reactjs,Javascript,Reactjs,您好,我有以下代码,可以映射到我的文本并打印排版 {['Example1:', 'Example2:',].map(x => ( <Typography key={x} className = { classes.titleText } variant="subtitle1" >{x}</Typography> {['Example1:','Example2:',].map(x=>( {x} 但是,我想将我的数据连接到这个映射中,下面的示例可以工作,但

您好,我有以下代码,可以映射到我的文本并打印排版

{['Example1:', 'Example2:',].map(x => (
     <Typography key={x} className = { classes.titleText } variant="subtitle1" >{x}</Typography>
{['Example1:','Example2:',].map(x=>(
{x}
但是,我想将我的数据连接到这个映射中,下面的示例可以工作,但效率非常低,因为我需要复制和编辑每一行,并分别调用每个数据集

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

如何在原始映射中调用{data.date}?我尝试了{['Example1'+{data.date}]},但这不起作用

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

[{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}) )