разбить строку из-за ошибки eslint

Question

У меня есть эта строка:

`${this.new_post.type_to_send}-${this.new_post.france_service}-${this.new_post.service_web}`

Я получаю ошибку eslint exceeds the maximum line length of...

Я хотел бы разбить эту строку на несколько строк.

Спасибо!

Answer 1

Вы можете просто использовать перевод строки с литералом шаблона, но эти переводы строки будут отображаться в вашей строке. Поэтому разбейте его на несколько строк и используйте конкатенацию строк.

const str = `${this.new_post.type_to_send}-` + 
            `${this.new_post.france_service}-` +
            `${this.new_post.service_web}`

или используйте массив с объединением

const str = [this.new_post.type_to_send, 
            this.new_post.france_service,
            this.new_post.service_web].join('-')

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

const p = this.new_post
const str = `${p.type_to_send}-${p.france_service}-${p.service_web}`