title: Correct Way to Transfer Props to State (if needed) React & Redux
body: <p>I have created a Create-React-App react app &amp; Redux.</p>
  
  <p>I am using connect to map my userReducer to state (via mapStateToPrope) ie:</p>
  
  <pre><code>function mapStateToProps({ userProfile }) {
  return { userProfile: userProfile ? userProfile : null };
  }
  
  export default connect(mapStateToProps, fetchUserProfile)(Profile);
  </code></pre>
  
  <p>and I have an input which I have binded the UserProfile Firstname to:</p>
  
  <pre><code>render(){
     return (
      &lt;div&gt;
         &lt;input type="text" value={this.props.userProfile.firstName} /&gt;
     &lt;/div&gt;
   ) 
  }
  </code></pre>
  
  <p>This issue is now that I have it binded to the props, I am unable to change it, If I type in the input it wont change the text inside the input..</p>
  
  <p>If I add a onChange={updateValue}  method, and try and update the prop it wont work as a component can not update its own props.</p>
  
  <p>So that leaves Transfering the props to state.</p>
  
  <pre><code>constructor(props){
      super(props);
      this.state = { FirstName : this.props.userProfile.firstName }
  }
  </code></pre>
  
  <p>is this the recommended way to get an initial value from props?</p>