Prettier - как настроить чтобы каждый jsx атрибут был с новой строки?

если не трудно, поделись инструкцией как пошагово внедрить prettier на проект, пользуюсь create-react-app

Prettier - как настроить чтобы каждый jsx атрибут был с новой строки?

добавил правило в .eslintrc

{
    "extends": [
      "react-app",
      "prettier"
    ],
    "rules": {
      "jsx-quotes": [
        1,
        "prefer-double"
      ],
      "react/jsx-max-props-per-line": [2, {"maximum": 1, "when": "always" }] 
    },
    "plugins": [
      "prettier"
    ]
}

появилась проблема с отступом, как сделать, чтобы вычислялись пробелы и атрибуты шли один за другим?

сейчас

<li className={classNames}
onMouseLeave={() => setMouseLeave(true)}
onMouseEnter={() => setMouseLeave(false)}>

хочу

<li className={classNames}
    onMouseLeave={() => setMouseLeave(true)}
    onMouseEnter={() => setMouseLeave(false)}>

Как работает рекурсивный метод?

@VYBGSS пока писал это, представил рекурсию в трехмерном пространстве, каждый новый вызов метода как отдельный слой вызывающего его метода и пришло озарение) спасибо, что наставил на путь истинный

Как работает рекурсивный метод?

вот начинается метод fact с параметром 3, пролетаем if(), попадаем на строку result = fact(3-1)*3 (вопрос, вот тут что-то вычисляется или нет?), в result кладется fact(2)*3, вызывается следующая грубо говоря "итерация" уже с параметром 2, result = fact(2-1)*2, result = fact(1)*2, затем попадем в if() с параметром 1, он нам возвращает 1 (вопрос куда он ее возвращает return 1, в result?) и вот что потом происходит, в какой момент в этом блоке происходит умножение 3*2*1 и возврат значения вызвавшему объекту?

Как работает рекурсивный метод?

Почему же тогда не возвращается - 1 или 2, а возвращается 6. Я просто не могу понять как пошагово работает данный блок c n=3:

int fact(int n) {
        int result;
        if (n == 1) {
            return 1;
        }
        result = fact(n - 1) * n;
        return result;
    }

Как работает рекурсивный метод?

Да делал я уже так, выведенные в консоли цифры - 2 и 6 еще больше меня запутали. Мне нужно "разжевать и в рот положить" =)