看看下面的代码片段：

import React from 'react';
import {data} from '../data'
import MovieCard from './MovieCard'
import Navbar from './Navbar'
import { addMovies, setShowFavourites } from '../actions';

class App extends React.Component {

  componentDidMount() {
    const {store} = this.props;
    store.subscribe(() => {
      console.log("UPDATED");
      this.forceUpdate(); 
    });

    store.dispatch(addMovies(data)); 
    console.log("STATE", this.props.store.getState());
  }

  isMovieFavourite= (movie) => {
    const {favourites} = this.props.store.getState();
    const index = favourites.indexOf(movie);
    if(index !== -1) {
      // Found the movie
      return true;
    }
    return false;
  }

  onChangeTab = (val) => {
    this.props.store.dispatch(setShowFavourites(val))
  }

  render() {
    const {list, favourites, showFavourites} = this.props.store.getState();
    console.log("RENDER", this.props.store.getState());
    const displayMovies = showFavourites ? favourites : list;
    return (
      <div className="App">
        <Navbar/>
        <div className='main'>
          <div className='tabs'>
            <div className={`tab ${showFavourites ? '' : 'active-tabs'}`} onClick={() => this.onChangeTab(false)}> Movies </div> 
            <div className={`tab ${showFavourites ? 'active-tabs' : ''}`} onClick={() => this.onChangeTab(true)}> Favourites </div>
          </div>

          <div className='list'>
            {displayMovies.map((movie, index) => {
              return <MovieCard 
                movie={movie}
                key={`movie-${index}`}
                dispatch={this.props.store.dispatch}
                isFavourite={this.isMovieFavourite(movie)}
              />
            })}
          </div>
          {displayMovies.length === 0 
            ? <div className='no-movies'>No Movies to display!</div> 
            : null
          } 
        </div>
      </div>
    );
  }
}

在这个应用程序组件中，我得到了redux商店作为 prop 。现在，根据我的理解，控制台的顺序应该是：

RENDER
UPDATED
STATE
RENDER

但实际的顺序是：

RENDER
RENDER // This render is coming from VM2131 installHook.js:1861 but the value is the same as above
UPDATED
STATE
UPDATED
UPDATED
STATE
RENDER
RENDER // This render is coming from VM2131 installHook.js:1861 but the value is the same as above

我不知道为什么会发生这种情况。理想情况下，componentDidMount应该在初始呈现之后只调用一次。