ReferenceError:没有定义className

ReferenceError: className is not defined

本文关键字:定义 className ReferenceError      更新时间:2023-09-26

在我的rails应用程序,是使用reactjs我有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

我怎样才能解决这个问题?

在最后一个代码块中的三个实例中,您使用不带冒号的标签className:

className 'col-lg-2 control-label'

className "col-lg-10"

className 'form-control'

其余代码使用className: