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

Question

I'm trying to make form with react-rails gem. But I receive an error:

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

By trial I've found, that problem is in first React.DOM.div line (it's marked in code), but I don't understand, why it's happened, I've checked everything one hundred times :)

components/country_form.coffee:

@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'

Thanks for any help!

rmosolgo · Accepted Answer · 2016-02-12 01:30:45Z

1

I think it should be indented once more.

Right now it's even with the prop of onSubmit:

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

but maybe it should be incremented once more:

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

answered Feb 12, 2016 at 1:30

rmosolgo

1,8841 gold badge19 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Peter Tretiakov Over a year ago

Nope, doesn't work. The problem was with indentation, I've added the answer.

Peter Tretiakov · Accepted Answer · 2016-02-12 05:01:38Z

1

I've found the problem. RubyMine (and I think IntelliJ IDEA too) indent CoffeeScript files with spaces. Just change indentations to tabs, and error will disappear.

answered Feb 12, 2016 at 5:01

Peter Tretiakov

3,4206 gold badges40 silver badges56 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related