SyntaxError: [stdin]:24:11: unexpected . React-Rails

Question

我正在尝试使用 react-rails gem 制作表格。但是我收到一个错误：

SyntaxError: [stdin]:24:11: unexpected .

通过试用我发现，问题出在第一 React.DOM.div 行（在代码中已标记），但我不明白，为什么会这样，我已经检查了一百遍： )

components/country_form.咖啡:

@CountryForm = React.createClass
    getInitialState: ->
        name: ''

    valid: ->
        @state.name

    handleChange: (e) ->
        name = e.target.name
        @setState "#{name}": e.target.value

    handleSubmit: (e) ->
        e.preventDefault()
        $.post '', { country: @state }, (data) =>
            @props.handleNewCountry data
            @setState @getInitialState()
        , 'JSON'

    render: ->
        React.DOM.form
            onSubmit: @handleSubmit
            React.DOM.div # Problem is here
                className: 'form-group'
                    React.DOM.label
                        'Name'
                    React.DOM.input
                        type: 'text'
                        className: 'form-control'
                        name: 'name'
                        value: @state.name
                        onChange: @handleChange
            React.DOM.div
                className: 'form-group'
                    React.DOM.button
                        type: 'submit'
                        className: 'btn btn-primary'
                        disabled: !@valid()
                        'Save'

感谢您的帮助！

Answer 1

我觉得应该再缩进一次。

现在甚至 onSubmit 的 prop：

    React.DOM.form
        onSubmit: @handleSubmit
        React.DOM.div # Problem is here
            className: 'form-group'

但也许应该再增加一次：

    React.DOM.form
        onSubmit: @handleSubmit
        # -> 
            React.DOM.div # Problem is here
                className: 'form-group'

Answer 2

我找到问题了。 RubyMine（我认为 IntelliJ IDEA 也是）用空格缩进 CoffeeScript 文件。只需将缩进更改为制表符，错误就会消失。

SyntaxError: [stdin]:24:11: unexpected . React-Rails

SyntaxError: [stdin]:24:11: unexpected . React-Rails

ruby-on-rails

reactjs

react-rails