[Demo] React - Button State

A react dome - button state

by elct9620

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

CoffeeScript

{button} = React.DOM

Button = React.createClass {
    getInitialState: ->
        {btnClass: 'btn-default'}
        
    handleClick: (event)->
        newClass = if @state.btnClass is 'btn-success' then 'btn-default' else 'btn-success'
        @setState {btnClass: newClass}
        
    render: ->
        @label = if @state.btnClass is 'btn-success' then 'Success!' else 'Start'
        (
            button {className: "btn #{@state.btnClass}", onClick: @handleClick}, @label 
        )
}

React.renderComponent (Button {}), document.body