Getting Parse Error in React

Question

    const Styles = () => {
  containerStyle: {
    borderWidth: 1,
    borderRadius:2,
    borderColor: '#ddd',
    borderBottomWidth: 0,
    shadowColor: '#000',
    shadowOffset: {width: 0, height: 2},
    shadowOpacity: 0.1,
    shadowRadius: 2,
    elevation:1,
    marginLeft: 5,
    marginRight: 5,
    marginTop: 10

  }

I am trying to do this styling in react.js. But the console shows parse error in for borderRadius:2, Error is as: Unexpected token , expected ;

Try to replace the border radius values, use strings instead, and tell us what's going on. — Cesar Jr Rodriguez
– Cesar Jr Rodriguez, Commented Jan 11, 2017 at 0:05

Andreyco · Accepted Answer · 2017-01-11 00:06:34Z

1

In your example, you are missing closing bracket for Styles object.

const Styles = () => ({
    containerStyle: {
        borderWidth: 1,
        borderRadius:2,
        borderColor: '#ddd',
        borderBottomWidth: 0,
        shadowColor: '#000',
        shadowOffset: {width: 0, height: 2},
        shadowOpacity: 0.1,
        shadowRadius: 2,
        elevation:1,
        marginLeft: 5,
        marginRight: 5,
        marginTop: 10,
    },
});

edited Jan 11, 2017 at 0:06

answered Jan 11, 2017 at 0:00

Andreyco

22.9k5 gold badges63 silver badges66 bronze badges

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

2 Comments

gorkhali1234 Over a year ago

Excuse me but I must have missed it here. But problem is not the bracket it is as stated in the question.

Andreyco Over a year ago

See updated answer. It's about brackets. When returning object literal, you have to wrap it in ()

gorkhali1234 · Accepted Answer · 2017-01-11 00:12:21Z

0

It turns out in my project this const Styles should have been an object instead of the function. Hence it was showing error and was asking for ; instead of ,. Thanks

answered Jan 11, 2017 at 0:12

gorkhali1234

3122 silver badges13 bronze badges

1 Comment

Andreyco Over a year ago

You are wrong. It was not complaining about Styles being a function, instead of object. See my answer, you forgot to wrap returned object in ()

Collectives™ on Stack Overflow

Getting Parse Error in React

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related