React想要实现后台数据文字文案的转换,有几种方法?

Question

问题描述

题目可能描述得不是很好,这里细说一下文字文案转换是什么意思.
比如,我从后台接收到一个字段叫content,但是如果我要放在选择器里,需要用content对应的文案:thi first content.
实现很简单,只是我只懂得笨方法,希望能吸收你们的经验,每一次进步都源自于小小的改变.

问题出现的环境背景及自己尝试过哪些方法

当前我使用的方法:
新建一个存放字段和字段文案的js,在组件里导入这个文案,传入对应的值,并获取该js返回的结果

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

//新建dataJson.js文件
module.exports = {
    dataContent:{
        'content': 'the first content',
        'content1': 'the second content',
        'content2': 'the third content',
    }
}

//组件
import { dataContent } from './dataJson.js'

this.state={
    dataName:['content', 'content1', 'content2']
}

dataName.map( item => (
    <div key={item}>
        <span>{item}</span>
        <span>{dataContent[item]}</span>
    </div>
))

你期待的结果是什么？实际看到的错误信息又是什么？

希望有更高效的方法实现这种功能。或者有更多的思路也可以。问题很简单,只是想尝试学习更多思路,望见谅