What is {' '} in react-native?

Question

I was working on a collaborative project and there is a lot of {' '} used.

Examples -

<Text>
     {' '}
     {constant.Messages.PointText.hey} {this._user.first_name || this._user.business_name}!{' '}
</Text>

<Text>
     {' '}
     {constant.Messages.PointText.redeem}{' '}
</Text>

constant. is text as a constant.

Does this answer your question? [Why do people put { " " } in their React / JSX?](https://stackoverflow.com/questions/38547558/why-do-people-put-in-their-react-jsx) — Emile Bergeron, Jan 10 '20 at 18:57

score 3 · Accepted Answer · edited Sep 20 '21 at 06:21

3

You can use {' '} syntax to insert intentional whitespace (or tabs, newlines, etc).

edited Sep 20 '21 at 06:21

Audwin Oyong

2,247
3
15
32

answered Jan 10 '20 at 17:43

Hamid Shoja

3,838
4
30
45

score 2 · Answer 2 · answered Jan 10 '20 at 17:13

2

It will add an empty space into the dom.

answered Jan 10 '20 at 17:13

William Park

1,697
1
12
17

score 1 · Answer 3 · answered Jan 10 '20 at 17:15

1

This is used to put an explicit space in a text block, since leading and trailing spaces are ignored at compile/transformation time when there is another tag.

refer this SO Question

answered Jan 10 '20 at 17:15

bajran

1,433
14
23

1

There is an option under question to flag as a duplicate. This is the way to go instead of quoting inside a new answer, unless you want to add relevant additional information. – Emile Bergeron Jan 10 '20 at 18:58

What is {' '} in react-native?

3 Answers3