ReferenceError：未定义类名答案

【问题标题】：ReferenceError: className is not definedReferenceError：未定义类名
【发布时间】：2015-08-16 15:14:08
【问题描述】：

在我使用 reactjs 的 rails 应用程序中，我的 coffescript 代码如下所示：

DOM = React.DOM

CreateNewMeetupForm = React.createClass
  getInitialState: ->
    {
      title: ''
      description: ''
    }

  titleChanged: (event) ->
    @setState(title: event.target.value)

  descriptionChanged: (event) ->
    @setState(description: event.target.value)

  render : ->
    DOM.form
      className: 'form-horizontal'
      DOM.fieldset null,
        DOM.legend null, "New Meetup"

        DOM.div
          className: 'form-group'
          DOM.label
            htmlFor: 'title'
            className: 'col-lg-2 control-label'
            'Title'

          DOM.div
            className: 'col-lg-10'
            DOM.input
              className 'form-control'
              placeholder: 'Meetup title'
              id: 'title'
              type: 'text'
              value: @state.title
              onChange: @titleChanged

        DOM.div
          className: 'form-group'
          DOM.label
            htmlFor: "title"
            className 'col-lg-2 control-label'
            'Description'
          DOM.div
            className "col-lg-10"
            DOM.input
              className 'form-control'
              placeholder: 'Meetup description'
              id: 'description'
              type: 'text'
              value: @state.description
              onChanage: @descriptionChanged

CreateNewMeetupForm = React.createFactory(CreateNewMeetupForm)

$ ->
  React.render(
    CreateNewMeetupForm(),
    document.body
  )

它返回以下错误：

ReferenceError: className is not defined

我该如何解决这个问题？

【问题讨论】：

标签： javascript ruby-on-rails reactjs

【解决方案1】：

在最后一个代码块中的三个实例中，您使用标签 className 而不使用冒号：

className 'col-lg-2 control-label'

className "col-lg-10"

className 'form-control'

您的其余代码使用className:

【讨论】：