JavaScript/React 样式指南缩进

Question

Is there an agreed-upon convention for indentation in React JSX? 2 spaces, 4 spaces, tabs, etc.

Answer 1

You should just use the same indentation as the rest of your javascript code.

That said react ecosystem seems to use mostly double spaces so I'd use that for consistency.

Answer 2

Most popular libraries tend to use 2 spaces, but you can change this if you and your team agree on a standard.

You can setup up eslint so that your code base is standardised. I would definitely recommend you to take a look at one of the most popular javascript style guide by Airbnb .

Answer 3

You should use the identation style that fit your style. You can use something like ESlint to define a convention. 4 or 2 spaces or tabs, is just a style.

Answer 4

The react source code and sample code in the React tutorial use 2 spaces . Also it seems like many of the Github projects related to React use 2.