Best practice when adding whitespace in JSX

Question

I understand how (and why) to add a whitespace in JSX, but I am wondering what\'s best practice or if any makes any real difference?

Wrap both elements in a

Answer 1

You can use curly braces like expression with both double quotes and single quotes for space i.e.,

{" "} or {' '}

You can also use ES6 template literals i.e.,

`   
` or `  ${value}`

You can also use   like below (inside span)

sample text   

You can also use   in dangerouslySetInnerHTML when printing html content