Quotes

  • Always use double quotes (") for JSX attributes, but single quotes (') for all other JS. eslint: jsx-quotes

    Why? Regular HTML attributes also typically use double quotes instead of single, so JSX attributes mirror this convention.

    1. // bad
    2. <Foo bar='bar' />
    4. // good
    5. <Foo bar="bar" />
    7. // bad
    8. <Foo style={{ left: "20px" }} />
    10. // good
    11. <Foo style={{ left: '20px' }} />