Предотвращение поведения Visual Studio JSX с помощью компонента React

Question

Я использую Visual Studio для создания приложения React Native.Я также установил Prettier для улучшения синтаксиса.

Но каждый раз, когда я добавляю компонент с несколькими свойствами, он переходит на следующую строку.Как я мог предотвратить это и сохранить мой компонент встроенным?

PS: я уже пытался увеличить «ширину печати» в Prettier, и это нет работа

Answer 1

Вы должны проверить jsx-max-props-per-line eslint rule.

Вы можете установить это правило только с помощью ESlint, красивее не дает такой возможности.

Итак, вам нужно использовать eslint с prettier, а prettier отформатирует в соответствии с вашими eslint правилами.

Перейдите к File => Preferences => Settings и в расширении Prettier отметьте Eslint Integration.

Вам понадобится npm i -D для babel-eslint, eslint и eslint-plugin-react (у которых есть правило, которое вы хотите).

И добавьте правило jsx-max-props-per-line с количеством реквизитов, которое вы хотите включить.

Если у вас возникли проблемы с настройкой ESlint, просто Google, как добавить ESlint с React Native, есть много уроков, и это очень важная и полезная вещь для изучения.