[英]Add JSX to Array object Javascript
In one of my component, I want to modify a fontsize and add a JSX to one of the property in array of objects. 在我的组件之一中,我想修改字体大小并将JSX添加到对象数组中的一个属性中。 Is there someway to do it?
有办法吗?
Example: 例:
const data = [
{
name: 'Page A',name1: 'Page A', uv: 4000, pv: 2400, amt: 2400,
},
{
name: 'Page B',name1: 'Page A', uv: 3000, pv: 1398, amt: 2210,
},
{
name: 'Page C',name1: 'Page A', uv: 2000, pv: 9800, amt: 2290,
},
{
name: 'Page D',name1: 'Page A', uv: 2780, pv: 3908, amt: 2000,
},
{
name: 'Page E',name1: 'Page A', uv: 1890, pv: 4800, amt: 2181,
}]
let graphData = [];
let count = 0;
data.map((d) => {
graphData.push({"name": d.name + '' + d.name2, "profit": d.amt,"reve": d.p,v});
}
I want to push first value as JSX , something like this "name":(<div>d.name + '' + d.name2</div>)
我想将第一个值推为JSX,就像这样的
"name":(<div>d.name + '' + d.name2</div>)
Is there someway to do this? 有办法做到这一点吗?
Pass it as String. 将其作为String传递。 You can use + concatenate or Template Strings
您可以使用+串联或模板字符串
data.map((d) => {
graphData.push({"name": `<div>${d.name}${d.name2}</div>`});
}
do the following : 请执行下列操作 :
data.map((d) => {
graphData.push(`<div> name : ${d.name} ${d.name1} </div>`)
}
i think this issue is the same as yours try looking at it 我认为这个问题与您尝试查看的问题相同
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.