title: Why is this.state.name not being used properly in my component?
body: <p>I have a <code>teamName</code> store that stores the name of the team and changes on depending on whether a name is clicked/hovered.</p>
  
  <p><strong>TeamStore.js:</strong></p>
  
  <pre><code>function setName(name) {
      _team = name;
      _original = name;
  }
  
  //set a temp team name when sidemenu item is being hovered
  function setHover(team) {
      _original = _team;
      _team = team;
  }
  
  function removeHover() {
      //console.log(_original);
      _team = _original;
  }
  </code></pre>
  
  <p>I also have <code>ThumbNail.jsx</code> that listens to this store and triggers an <code>_updateArticle</code> method when <code>this.state.name</code> changes. However, its not working properly.</p>
  
  <ul>
  <li>the articles don't change when the item is being hovered.</li>
  <li>the articles change to the hovered item on hover leave (which they shouldn't) they should go back to original one that was clicked.</li>
  </ul>
  
  <p><strong>ThumbNail.jsx:</strong></p>
  
  <pre><code>var ThumbNail = React.createClass({
      mixins: [ReactFireMixin],
  
      getTeamState() {
          return  TeamStore.getSelected() ;
      },
  
      getInitialState() {
          return {
              name: this.getTeamState(),
              articles: []
                  };
      },
  
      getDefaultProps() {
          return {
              baseUrl: "https://shining-inferno-1085.firebaseio.com/"
          }
      },
  
  
      _updateArticle() {
          //console.log(this.state.name);
          var teamRef = new Firebase(this.props.baseUrl + this.state.name + "/results");
  
          this.bindAsArray(teamRef, 'articles');
  
      },
  
      componentDidMount() {
  
          TeamStore.addChangeListener(this._onChange);
          this._updateArticle();
      },
  
      componentWillUnmount() {
          TeamStore.removeChangeListener(this._onChange);
          this.unbind("articles");
      },
  
      render() {
  
          return (
  
              &lt;ul className="tiles"&gt;
                  &lt;BasicInfo article={this.state.articles} /&gt;
              &lt;/ul&gt;
              )   
      },
  
      _onChange() {
          var team = this.getTeamState();
          this.setState({name: team});
          //console.log(this.props.baseUrl + this.state.name + "/results");
          this.unbind("articles");
          this._updateArticle();
      }
  
  
  });
  
  
  module.exports = ThumbNail;
  </code></pre>
  
  <p>P.S I have a title component that listens to the same store and works fine. Let me know if you need that.</p>
  
  <p><strong>Edit:</strong> Care to explain the downvote?</p>