Reactjs 如何使用自定义结果值在textarea中呈现json数据

我的问题基于此，我想用自定义结果值呈现textarea中的json数据

代码：

从“React”导入React；
从'react dom'导入{render}；
常数数据=[
{
姓名：“彼得”，
地点：“波士顿”
},
{
姓名：“约翰”，
地点：“佛罗里达”
}
]
类应用程序扩展了React.Component{
render（）{
返回(
JSON.stringify（e）.replace（/{}/g'，）.join（'\n'）}rows='3'cols='30'/>
)
}
}
渲染(

若我期望的结果只是json值，并在第一个值和第二个值之间添加一个字符串“at”，如下图所示，该怎么办

您可以使用如下方式组合
贴图中每个对象的两个属性：

const text=数据
.map（项=>`item.name}位于${item.location}`）
.join（“\n”）

下面是一个关于