title: Updating React state after Finished Rendering
body: <p>I'm learning about react's lifecycle methods and I'm wondering how to best address this scenario:</p>
  
  <p>I have a component that fetches information about someone's hobbies </p>
  
  <pre><code>  componentWillMount() {
      this.props.fetchHobbies(this.props.params.id);
    }
  </code></pre>
  
  <p>The data is sent to a reducer which is mapped as a prop at bottom of the component</p>
  
  <pre><code>function mapStateToProps(state) {
    return { 
      hobbies:state.hobbies.user
    };
  }
  </code></pre>
  
  <p>I have a component called twitterbootstrap which relies on my component's state to see what rows are selected. </p>
  
  <pre><code>const selectRowProp = {
    mode: 'radio',
    clickToSelect: true,
    bgColor: "rgba(139, 195, 74, 0.71)",
    selected: this.state.selected,
  };
  </code></pre>
  
  <p>Here's my question. I want to access <code>this.props.hobbies.selected</code>.</p>
  
  <p>--UPDATE I'm using componentWillRecieveProps as it has a setState option. </p>
  
  <pre><code>componentWillReceiveProps(nextProps){
      this.setState({selected:next.props.hobbies })
  } 
  </code></pre>
  
  <p>I want to use this.props.hobbies.selected as the next prop to be recieved. How would I incorporate that? </p>