react+antd里面如何将Json对象转为为antd中Table可以识别的Columns和dataSource那种类型.

Question

const columns = [{

title: '车牌号码',
dataIndex: 'hphm',
key: 'hphm',
render: text => <a href="#">{text}</a>,

}, {

title: '出口通道',
dataIndex: 'Excdmc',
key: 'Excdmc',

}, {

title: '取消时间',
dataIndex: 'gxsj',
key: 'gxsj',

}, {

title: '取消人',
dataIndex: 'Admin_name',
key: 'Admin_name',

}];

const data = [{

key: '1',
name: 'John Brown',
age: 32,
address: 'New York No. 1 Lake Park',

}, {

key: '2',
name: 'Jim Green',
age: 42,
address: 'London No. 1 Lake Park',

}, {

key: '3',
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park',

}];

以上是antd中Table的Columns和dataSource属性可接受数据类型（比较菜，只能这么描述），我们使用时
"<Table columns={columns} dataSource={data} /Table>", 现在的问题我从后台拿到了一个Json字符串或Json对象，假设是个Json字符串var s = [{"name":"tank","total":"100"},{"name":"zhang","total":"23"},{"name":"hao","total":"325"}],我怎么把字符串s转化为以上columns或data这种类型，有好点的方法吗，没有粗糙点的也行。

Answer 1

dataSource中的key和columes中的dataIndex对应上就可以了。
拿你的数据说：

dataSource = [
{
"name": "tank",
"total": "100"
},
{
"name": "zhang",
"total": "23"
},
{
"name": "hao",
"total": "325"
}
]

columus = [
    {
        dataIndex: 'name',
        title: 'XXXXX'
    },
    {
        dataIndex: 'total',
        title: 'xxxxxx'
    }
]

Answer 2

ajax里
response.json()