如何禁用拆分为更漂亮的新行？

Question

I am using Prettier for better formatting of the code. How do I disable the new line?

Before Saving:

After Saving:

I prefer them just to be like on Image 1 on saving. How can I disable it so that it won't be like on image 2?

Answer 1

Prettier is quite strict so doesn't let you change much. There are a list of options on the docs, I think this is the closest to what you want: https://prettier.io/docs/en/options.html#jsx-brackets

It might take a while to get used to it, but I quite like having the props on each line as it makes it easier to track changes in git history, so maybe over time it'll grow on you too :)