在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ react.js的table組件怎樣把拿來(lái)的英文數(shù)據(jù)展示成中文呢?

react.js的table組件怎樣把拿來(lái)的英文數(shù)據(jù)展示成中文呢?

react.js的table組件怎樣把拿來(lái)的英文數(shù)據(jù)展示成中文呢?
其中milestoneTypeName字段 數(shù)據(jù)為"ROUTINE" 前臺(tái)如何展示成中文"常規(guī)"呢?

table代碼:
return [
            { title: '名稱', dataIndex: 'milestoneName' },
            { title: '描述', dataIndex: 'description'},
            { title: '類型', dataIndex: 'milestoneTypeName'},
            { title: '計(jì)劃完成時(shí)間', dataIndex: 'dueDate'},
            { title: '創(chuàng)建人', dataIndex: 'authorName'},
            { title: '操作',width:100,
            
     ]     
數(shù)據(jù):
{id: 10885, milestoneName: "TEST_v常規(guī)2018-09-10", description: "", authorId: 1,…}
authorId:1
authorName:"Administrator"
createTime:1536217208000
description:""
dueDate:1536508800000
id:10885
milestoneName:"TEST_v常規(guī)2018-09-10"
milestoneType:0
milestoneTypeName:"ROUTINE"
projectGroupId:6
回答
編輯回答
忠妾

render里面寫(xiě),或者拿回來(lái)數(shù)據(jù),自己處理一遍在拿去賦值。

類似于下面這種,他這個(gè)是加了個(gè)Tag,你的是變變文案

<Column
  title="Tags"
  dataIndex="tags"
  key="tags"
  render={tags => (
    <span>
      {tags.map(tag => <Tag color="blue" key={tag}>{tag}</Tag>)}
    </span>
  )}
/>
2017年9月11日 00:58
編輯回答
安若晴

拿到數(shù)據(jù)的時(shí)候就做處理。加個(gè)判斷,手動(dòng)賦值。比如數(shù)據(jù)為data,

if(data.milestoneTypeName == "ROUTINE"){
    data.milestoneTypeName = "常規(guī)";
}
2017年2月18日 07:57
編輯回答
孤客

最簡(jiǎn)單的辦法定義一個(gè)常量就好了,例如:

const constants = {'ROUTINE': '常規(guī)'}

使用的時(shí)候:

constants[data.milestoneTypeName]; //data為你的json數(shù)據(jù)。

如果你的項(xiàng)目支持國(guó)際化,那就采用國(guó)際化的方式就好了。

樓上有人的回答使用if switch等,都不建議。維護(hù)的時(shí)候,你就知道坑有多深了。

2017年12月6日 07:47
編輯回答
熟稔

票數(shù)高的方法比較好

僅供參考

{
          title: '名稱',
          dataIndex: 'milestoneName',
          render: (text, record) => (
            <span>
              {this.checkMilestoneName(record.milestoneName)}
            </span>
          ),
        },

...

  checkMilestoneName = (value) => {
    switch (value) {
      case 'ROUTINE':
        return '常規(guī)'
      default: 
        return ''
    };
  }
2017年3月9日 14:06