jsx not working

Question

I am using the   tag in jsx and it is not rendering the space. The following is a small snippet of my code.Please help.

var Reporting=React.createCla         


        

Answer 1

Write your jsx code wrapped in { } as shown below.

Code {' '}

You can put space or any special character here.

e.g in your case

Select Takeout Scenario: 

should be like this

Select Takeout Scenario:{' '}

It will work.

As Advice you should not use   to add extra space, you can use css to achieve same.