时间戳

首页 > 解决方案 > 尝试将动态数据从道具传递到从服务器加载的文本内部（使用 MERN 堆栈）

node.js - 尝试将动态数据从道具传递到从服务器加载的文本内部（使用 MERN 堆栈）

问题描述

我有一些从服务器返回的数据：[ { name: "example1", paragraph: "Some random text ${ValueIwantToPass}" }, etc ]

我用这些文本填充文本区域。我希望在前端从其他组件的道具中动态传递文本中的 ${ValueIwantToPass} 并能够编辑文本。可能吗？

标签： node.jsreactjsmern

解决方案

也许这对你有用

制作状态

state={
response:[]
}

将服务器资源更改为：

[ { name: "example1", paragraph: "Some random text" }, etc ]

（从资源中删除 ${ValueIwantToPass}）

将服务器资源保存到状态

this.setState({response:res.data})

然后改变它：

var response=[...this.state.response]
var ValueWantToPass=this.prop.ValueWantToPass
response[0].paragraph += ValueWantToPass
this.setState({response})

推荐阅读