Компоненты реактивов, не обновляющиеся автоматически в процессе производства.

Question

Я разрабатываю компонент, который использует переменную-переменную. Когда пользователь щелкает влево или вправо, значение карты изменяется.

const values = [ 
'1', 
'2', 
'3', 
'5', 
'8', 
'13', 
'20', 
'40' 
] 

export default class UserContainer extends React.PureComponent{ 
constructor() { 
    super(); 
    this.state = { 
     currentIndex: 0, 
     cardValue:values[0] 
    } 
    this.swipedRight = this.swipedRight.bind(this);  
} 

swipedRight(){   
    var newIndex = this.state.currentIndex; 
    if(newIndex !== 0){ 
     newIndex-=1; 
     this.setState({ 
      currentIndex : newIndex, 
      cardValue: values[newIndex] 
     }); 
    } 
} 

render(){  
    return( 
     <Grid> 
      <Row is="center"> 
       <div style={{width:'170px'}} className={this.state.animationClass}> 
        <Swipeable onSwipedUp={this.swipedUp} onSwipedRight={this.swipedRight} onSwipedLeft={this.swipedLeft} >     
         <User cardValue={this.state.cardValue} userName={this.props.params.userName} />                   
        </Swipeable> 
       </div> 
      </Row> 
     </Grid>                     
    ); 
} 
} 

Когда я запускаю npm-start (я использую приложение create-react-app), он отлично работает. Я развернул его с помощью герою, сначала запустил npm run build, а затем нажал на мастер героя.

Когда я пытаюсь использовать свое приложение в процессе производства, маршрут работает, но когда я прокручиваю (используя панель инструментов устройства с хромированным переключением), он не обновляется автоматически. Если я нажму F12, он обновится. Я хотел бы знать, что не так.

Мое приложение ссылка: https://poc-planning-poker.herokuapp.com/

1) Откройте две вкладки, используя ссылку выше 2) На закладке # 1, нажмите кнопку Новый номер, а затем скопировать RoomID 3) На закладке № 2, заполнить прозвище, вставьте комнату в поле кода, затем нажмите Join Room

Tab # 1 должен автоматически обновляться с пользователем, который только что присоединился (он работает в dev env). Он обновляется, только если я нажму F12, что странно.

Любые идеи, пожалуйста?

Edit: исходный код здесь: https://github.com/danruziska/poc-planning-poker

Edit2: Я также понял, что, когда я использую SetState в массиве, он вызывает рендер, но интерфейс не обновляется автоматически. Если я установил единственное значение, оно работает ...

Answer 1

Я нашел проблему (вид). Был конфликт с другим компонентом, который я использовал: response-inline-grid. Когда я взял Grid, он снова работал.