title: ReactJS: How I do I use this this textInput component correctly?
body: <p>Hi I'm super new to ReactJs. I'm finding the docs to be difficult to digest, as such I'm having trouble with something very basic. I'm trying to use this textinput component in my form and I don't know how to set value dynamically.</p>
  
  <p>This is the TextInput component</p>
  
  <pre><code>import React, { PropTypes } from 'react';
  
  import FormField from './FormField';
  
  var TextInput = React.createClass({
    propTypes: {
      field: PropTypes.object.isRequired
    },
    render() {
      var {field, help, label, ...inputProps} = this.props
      return &lt;FormField field={field} help={help} inputProps={inputProps} label={label}&gt;
        &lt;input
          {...inputProps}
          className="form-control"
          name={field.name}
          value={field.value}
          onBlur={field.onBlur}
          onChange={field.onChange}
        /&gt;
      &lt;/FormField&gt;
    }
  })
  
  export default TextInput
  </code></pre>
  
  <p>This is where I'm using it </p>
  
  <pre><code>import React from 'react';
  import ProfileSideBar from './ProfileSideBar';
  import ProfileSectionLabel from './ProfileSectionLabel';
  import TextInput from '../forms/TextInput';
  
  class ProfileHome extends React.Component {
  
  render() {
  
    return &lt;div id='profile-wrapper'&gt;
     &lt;tr width='100%'&gt;
      &lt;td width="33%"&gt; Location &lt;/td&gt;
         &lt;td width="33%"&gt; 
           &lt;TextInput field={location} 
            style={{height: 40,
                    borderColor: 'orange', 
                    borderWidth: 1}}&gt;
           &lt;/TextInput&gt;
         &lt;/td&gt;
     &lt;/tr&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Inside where I use TextInput, I'm trying to set a default value. So something like this:</p>
  
  <p>location{
    value:'ny'
  }
  So if it exists, it'll populate ny, and if not it'll be blank.</p>
  
  <p>I tried </p>
  
  <pre><code>&lt;TextInput value={value}&gt; 
  </code></pre>
  
  <p>It just doesn't run. When I remove value = value the page renders but without the data I need of course. </p>
  
  <p>I know I have to (or at least i think i know) Set the state or something and bind it to my profileHome component...I just don't know how.  If anyone can show me how to do this I would be so happy.  And if possible, throw in a good resource for me to look at.  I feel like angular was so much easier to pick up.</p>