react里怎么對獲得的json數(shù)據(jù)進行處理。

我獲取了一個json數(shù)據(jù)，想把相同的合并在一起，比如說圖中的浦東新區(qū)有兩個店鋪，實現(xiàn)區(qū)名下面顯示所有的店鋪。

下面是我的代碼：

import React,{Component} from "react"
import "./Cinemalist.css"
import {connect} from "react-redux"
import axios from "axios"

class Cinemalist extends Component{

    componentDidMount(){
        this.props.getCinemalist()
    }

    render(){
        return(
            <div id="cinemalist">
                <ul className="cinemalist-ul">
                    {
                        this.props.mylist.map(item=>
                            <li key={item.id}>
                                <p className="title">{item.district.name}</p> 
                                <div className="cinema">
                                    <h4 className="cinema-name">{item.name}</h4>
                                    <p className="cinema-add">{item.address}</p>
                                </div>
                            </li>
                        )
                    }
                </ul>        
            </div>
        )
    }
}

export default connect(
    (state)=>{
        return {
            mylist:state.cinemalistReducer
        }
    },{
        getCinemalist:()=>{
            return (dispatch)=>{
                axios.get("/v4/api/cinema?__t=1529633184561").then(res=>{
                    console.log(res.data);
                    dispatch({
                        type:"getcinemaData",
                        payload:res.data.data.cinemas
                    })
                })
            }
        }
    }
)(Cinemalist)

數(shù)據(jù)使用了深復制：

var cinemalist = (prevstate=[],data={})=>{
    let {type,payload} = data;

    switch(type){
        case "getcinemaData":
            return [...prevstate,...payload];
        default :
            return prevstate;
    }
    return prevstate;
}

export default cinemalist