import React from 'react';
import ReactDOM from 'react-dom';
import jsonData from './code.json'


console.log(jsonData)
let provinceObj = {}
    /* let provinceObj={
        "广东省":{
            confirm:0,
            suspect:0,
            heal:0,
            deal:0
        }
    } */
jsonData.data.list.forEach((item, i) => {

    if (provinceObj[item.province] == undefined) {
        provinceObj[item.province] = {
            confirm: 0,
            suspect: 0,
            heal: 0,
            deal: 0
        }
    }
    item.confirm = item.confirm ? item.confirm : 0;
    item.suspect = item.suspect ? item.suspect : 0;
    item.heal = item.heal ? item.heal : 0;
    item.deal = item.deal ? item.deal : 0;
    provinceObj[item.province] = {
        confirm: provinceObj[item.province].confirm + item.confirm,
        suspect: provinceObj[item.province].suspect + item.suspect,
        heal: provinceObj[item.province].heal + item.heal,
        deal: provinceObj[item.province].deal + item.deal,
    }
})
console.log(provinceObj)
let provinceList = []
for (const key in provinceObj) {
    provinceObj[key].name = key;
    provinceList.push(provinceObj[key])
}

console.log(provinceList)

let provinceListSort = provinceList.sort((a, b) => {
    if (a.confirm > b.confirm) {
        return 1;
    } else {
        return -1;
    }
})
console.log(provinceListSort)

class Bili extends React.Component {
    constructor(props) {
        super(props)
    }
    render() {
        return ( <
            div >
            <
            ul >
            <
            li >
            <
            span > 地区 < /span> <
            span > 确诊 < /span> <
            span > 死亡 < /span> <
            span > 痊愈 < /span> < /
            li > {
                this.props.list.map((item, index) => {
                    return ( <
                        li >
                        <
                        span > { item.province } < /span> <
                        span > { item.confirm } < /span> <
                        span > { item.dead } < /span> <
                        span > { item.heal } < /span> < /
                        li >
                    )
                })
            } <
            /ul> < /
            div >
        )
    }
}
ReactDOM.render( < Bili list = { provinceListSort }
        / > , document.querySelector("#root"))

运行结果