gistfile1.txt

import {default as React, PropTypes} from 'react'
const namespace = 'sampleComponent'

export default class SampleComponent extends React.Component {
  constructor(props) {
    super();
    this.state = {value: ''};
  }

  handleInput(event) {
    console.log('setting state to ', event.target.value)
    this.setState({value: event.target.value})
  }

  render() {
    console.log('render', this.state);
    return (
      <div className={namespace}>
        Name:<input type='text' onChange={this.handleInput.bind(this)} />
        <p>Your name: {this.state.value} </p>
      </div>
    );
  }
}

SampleComponent.propTypes = {
  name: PropTypes.string.isRequired
}