react ＜column/＞ 如何处理返回的中文字段数据 for in 哈希结构体

返回的响应体结构

处理成后页面显示的样子

基础 for in 实现案例：

values: {
	D区: "26.02",
	温度: "26.02", 
 	湿度: "2"
 }

function dataDispose(values){
	let res = []
    for (const key in values) { //key=中文字段
         res.push(<span key={key}>{key}:{values[key]}</span>)
    }
    console.log(res)
    return res;
}

React ant disign table列表组件下 Column 字段映射实例：

	<Table>
		<Column
          title={"values数据"}
          width={100}
          dataIndex={"values"}
          render={(value, record, index) => {
            if (record.deviceData) {
              const values = record.deviceData.values;
              let res= []
              for (const key in values) {
                res.push(<span key={key}>{key}:{values[key]}</span>)
              }
              return res;
            }
          }}
        />
    </Table>