React ToggleBox

by ramnathv

HTML

<script src="//fb.me/react-with-addons-0.14.0.js"></script>
<script src="//fb.me/react-dom-0.14.0.js"></script>
<div id="main"></div>

CoffeeScript

R = React.DOM
Rc = React.createElement

ToggleBox = React.createClass
  getInitialState: -> showDefault: true
  toggleMessage: (e) ->
    e.preventDefault()
    @setState showDefault: [email protected]
  render: ->
    message = if @state.showDefault
       @props.default 
     else 
       @props.alt
    R.div {onClick: @toggleMessage}, message
    
    
ReactDOM.render(
  Rc(ToggleBox, {default: "World", alt: "Mars"}),
  document.getElementById("main")
)