message-view alt weirdness

message-view.js

export default class MessageView extends React.Component {
  constructor(props) {
    super(props)

    let ds = new ListView.DataSource({
      rowHasChanged: (row1, row2) => row1 !== row2
    })

    this.state = {
      dataSource: ds.cloneWithRows([]),
      interlocutorName: null,
      video: null,
      subject: null,
      threads: MessageStore.fetchById(this.props.threadId)
    }

  }

  componentWillMount() {
    MessageStore.listen(this.onChange.bind(this))
    this.setState({ userId: UserStore.getCurrentUserId() })
    console.log('mounted')
  }

  componentWillUnmount() {
    console.log('unmounting')
    MessageStore.unlisten(this.onChange.bind(this))
  }

  onChange(state) {
    this.setState({
      dataSource: this.state.dataSource.cloneWithRows(state.messages),
      interlocutorName: state.thread.other_user.name,
      video: state.thread.video,
      subject: state.thread.subject
    })
  }
  
  // ...
  
}