Component Definition

component.cjsx

class Component extends React.Component

  @propTypes:
    name: React.PropTypes.string

  @defaultProps:
    name: 'Nick'

  state:
    disabled: false

  greet: =>
    alert 'Hello ' + @props.name
    @setState disabled: true
    
  render: ->
    <button disabled={@state.enabled} onClick={@greet}>Click Me!</button>

component.jsx

class Component extends React.Component {
  
  constructor(props) {
    super(props);
    this.state = {disabled: false};
  }
  
  greet() {
    alert('Hello ' + this.props.name);
    this.setState({disabled: true});
  }
  
  render() {
    return (
      <button disabled={this.state.disabled} onClick={this.greet.bind(this)}>Click Me!</button>
    );
  }
}
Component.propTypes = { 
  name: React.PropTypes.string
};
Component.defaultProps = { name: 'Nick' };