Object.entries的使用

最近遇到这样的一个问题

发送一个网络请求， 把网络请求获取的数据，这样的展示在界面上。
本来打算使用模板字符串的，发现不能实现我想要的。
一个对象为什么不能转换成一个数组呢， 再用遍历来实现，

最后的展示效果如下

let test = {
name： 'zs',
age: 18,
like: '游泳'
}

<div>{"{"}</div>
<div>{Object.entries(test).map((v, index) => {
  return <div>{v[0]} : {v[1]}  {index + 1 === Object.entries(test).length ? '' : ','} </div>
})
}</div>
 <div>{"}"}</div>

Object.entries 将对象转换成 二维数组