毎回状態が設定されたときにコンポーネントを再レンダリングする方法

Question

値が変更されない場合でも、 'state.set（...）'、を呼び出すたびにコンポーネントを再レンダリングします。

だから、みんなねえ、私は毎回画面と呼ばれ、この減速機は、サイズが変更されています：

私の店は、マップのマップ（全体の店舗）であるので、私は、再来とともにImmutableJSを使用してい

import Immutable from 'immutable'; 

const initialState = Immutable.fromJS({ 
    width: '' 
});  

export default (state=initialState, action) => { 
     switch(action.type){  
      case "SCREEN_RESIZE":    
      if(action.payload >= 768){ 
       return state.set('width', 'big'); 
      } 
      else{ 
       return state.set('width', 'small'); 
      }  
      default: 
      break; 
     } 
     return state; 
    } 

（それぞれの還元剤）。

問題は、「幅」を「大きい」から「小さい」に変更する場合、または「小さい」から「大きい」に変更する場合、つまり値が変更された場合にのみコンポーネントが再レンダリングされることです。

「ビッグ」から「ビッグ」、または「スモール」から「スモール」に幅を設定しても、再レンダリングします。

間違いをしましたか？

これはあなたがそれぞれの画面のサイズ変更に再レンダリングしたい場合、あなたはおそらくコンポーネントの小道具がそうのように、実際の画面サイズを持つようにしたいとしている私のrootReducer

import { combineReducers } from 'redux-immutable'; 

import reducer1 from './reducer1_reducer'; 
import reducer2 from './reducer2_reducer'; 
import reducer3 from './reducer3_reducer'; 
import screenSize from './screenSize_reducer'; 
import reducer5 from './reducer5_reducer'; 
import rounting from './routerReducer'; 


const rootReducer = combineReducers({ 
    reducer1, 
    reducer2, 
    reducer3, 
    screenSize, 
    reducer5, 
    routing 
}); 

export default rootReducer; 

Answer 1

です：Reactjs - Rerender on browser resize

希望に役立ちます：

<MyRerenderableComp width={this.props.screenWidth} height={this.props.screenHeight} /> 

あなたしている問題は、この記事に多少似ていますか？