Search code examples
javascriptreactjsreact-nativestorybook

Storybook.js adds commas to special characters?

I have this in JSX: {'“'}{this.props.text}{'”'} which produces this in the Storybook viewer: “,Text here!,” I need to figure out where the commas are coming from. How do I get rid of them or how can I figure out where they're coming from? Is this in a template somewhere? Thanks in advance!

Solution

  • So, after working with one of my colleagues, here is the answer: 

    {`“${this.props.text}”`}

    This adds the interpolated text in between double quotes without commas.