React Native property values in quotes vs braces

Question

I'm currently learning React Native and wondering why some props have values in quotes "" and some have their values in curly braces {}.

Is there a standard to when I should be using quotes vs braces?

<Button title="Press me" onPress={() => console.log("Hello")}/>

For example, in the line above the title is written using quotes but the onPress property uses the curly braces.

`title="Press me"` is basically the same thing as `title={'Press me'}`. — jonrsharpe, Sep 29 '21 at 13:02
Does this answer your question? [React/JSX attrs w/strings vs braces](https://stackoverflow.com/questions/47276946/react-jsx-attrs-w-strings-vs-braces) — jonrsharpe, Sep 29 '21 at 13:03
https://stackoverflow.com/questions/43904825/what-do-curly-braces-mean-in-jsx-react — morganney, Sep 29 '21 at 13:04

score 0 · Answer 1 · answered Sep 29 '21 at 13:06

Quotes are for when you're passing a simple string.

Braces are for when you want to run Javascript code. For example if you wanted to pass a variable as a prop, you'd need to use braces.

I personally try to use quotes whenever possible, but most of the times you need to use braces.

1 Answers1