gpt4 book ai didi

javascript - 将 JSX 添加到 Array 对象 Javascript

转载 作者:行者123 更新时间:2023-11-30 06:16:47 25 4
gpt4 key购买 nike

在我的一个组件中,我想修改字体大小并将 JSX 添加到对象数组中的属性之一。有办法吗?

例子:

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});
}

我想将第一个值推送为 JSX ,像这样 "name":(<div>d.name + '' + d.name2</div>)

有办法做到这一点吗?

最佳答案

将其作为字符串传递。您可以使用 + 连接或模板字符串

data.map((d) => {
graphData.push({"name": `<div>${d.name}${d.name2}</div>`});
}

关于javascript - 将 JSX 添加到 Array 对象 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55644958/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com