Добавить JSX в объект массива Javascript

Question

В одном из моих компонентов я хочу изменить размер шрифта и добавить 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>)

Есть ли что-то, что нужно сделатьэто?

Answer 1

сделайте следующее:

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

я думаю, что эта проблема такая же, как ваша, попытайтесь посмотреть на нее

Answer 2

Передайте как String.Вы можете использовать + сцепление или строки шаблона

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