js 解析map （处理后端返回对象拼接）

返回的数据 需要的展示效果
解析如下：

 {
      title: '销售属性',
      align: 'left',
      dataIndex: 'xsshuxing',
      width: 200,
      render(value, record) {
        let keyValue = '';
        {
          for (var key in record.otherAttr) {
            console.log('属性：' + key + ',值：' + record.otherAttr[key]);
            keyValue = keyValue + `${key}: ${record.otherAttr[key] + ';'}`;
            console.log(keyValue);
          }
          return (
            <div style={{ textAlign: 'left' }}>
              <div>配置:{record.configAttr}</div>
              <div>颜色:{record.colorAttr}</div>
              <div>销售属性:{keyValue}</div>
            </div>
          );
        }
      },
    },
在或者 转换成数组形式

let arr: any = [];
    for (var key in record.otherAttr) {
      arr.push({
        name: key,
        value: record.otherAttr[key],
      });
    }
    return arr.map((item) => (
      <div>
        {item.name}:{item.value}
      </div>
    ));