React.jsでformのinput要素内でEnterキーを押下したときのイベントをハンドリングする

実装(coffee script)

module.exports = React.createClass

  handleKeyPress: (ev) ->
    ENTER = 13
    switch ev.which
      when ENTER
        ev.preventDefault()
        @handleCreateClick()

  render: ->
    <form>
      <Input type='text'
            name='name'
            label='Name'
            placeholder='Name'
            value={@state.name}
            onChange={@handleInputChange}
            onKeyPress={@handleKeyPress} />
    </form>