React this.setState更改数据，数据更新了 ui界面却不更新

最新推荐文章于 2025-04-07 10:15:28 发布

原创

最新推荐文章于 2025-04-07 10:15:28 发布

· 2.3k 阅读

1 ·

版权

文章标签：

#react #props/state

React 数据setState更新，state数据改变，页面ui却没有更新

		代码如下：
		import React, {
    PureComponent, useState, useRef } from 'react'
import {
    Mapbox, InnerMap } from './style'
// import  Example  from './position'
import {
    Map,  Marker, Geolocation  } from 'react-amap';
import axios from 'axios'
import HeaderTinyPng from './header'
import LeftMenu from '../leftMenu'
import RightMenu from '../rightMenu'
import './position.css'
import {
    Button } from 'element-react';




class Homepage extends PureComponent {
   
    constructor( props ){
   
        super()
        this.state= {
   
            getDatas: [],
            gdkey: '0d9a2cbac23306d5a86c1ade7d84d3af',
            lenarr: [],
            center: {
    longitude: 121.061411, latitude: 31.376044 },
            everPoint: [], 
            transDates:[],
            elements:[],
        } 
        // console.log(this.state.getDatas)
    }

    componentWillMount = () => {
   
        axios.get('***********************')
        .then( (data)=>{
   
            // console.log(data.data.data)
            let ele = data.data.data;
            let forEachData = [];
            // console.log(ele)
            const allmarker