在react项目中，想把seriesAr传递到state的series变量中，应该怎么写？

Question

import React from 'react';

class Basic extends React.Component {

    constructor() {
        super();
        this.handleClick=this.handleClick.bind(this)
        this.state = {
            optionECharts: {
                series: seriesAr
            }
        }
    }

    handleClick(){
        console.log('点击')
    }

    render() {
        let divStyle = {

        }

        let geoCoordMap ={
            '上海': [121.4648, 31.2891],
            '东莞': [113.8953, 22.901],
            '东营': [118.7073, 37.5513],
            '中山': [113.4229, 22.478],
            '临汾': [111.4783, 36.1615],
            '临沂': [118.3118, 35.2936]
        }

        for(var i in geoCoordMap){
            seriesAr.push(geoCoordMap[i])
        }

        return (

            <div id style={divStyle} className='data-line' onClick={this.handleClick}>

            </div>
        )
    }
}

export default Basic;

Answer 1

如果你这部分是静态的，直接放到constructor中即可。

let geoCoordMap ={
            '上海': [121.4648, 31.2891],
            '东莞': [113.8953, 22.901],
            '东营': [118.7073, 37.5513],
            '中山': [113.4229, 22.478],
            '临汾': [111.4783, 36.1615],
            '临沂': [118.3118, 35.2936]
        }

        for(var i in geoCoordMap){
            seriesAr.push(geoCoordMap[i])
        }

如果是异步获取，可以放到componentDidMount中，获取数据之后setState即可。