Что значит эта строка в JS?

Question

[khiMERsen]

Не могу разобрать данную строку кода:

<iframe (что это?)src={require(`./articles/$(что это?){id[id.length-1(что это?)]}`).default}/>

1. [id.length-1] что это?
   
2. {id[id.length-1]} Теперь что поменялось?
   
3. Что за знак $ и что он делает?
   
4. require и default что это?
   

Comments

[otdameskapizm]

А где строка то?

[otdameskapizm]

khiMERsen, code == null; // true

[Danny Arty]

khiMERsen, для вставки кода используйте обертку

[otdameskapizm]

khiMERsen, понял))

[khiMERsen]

Danny Arty,

<iframe src={require(`./articles/${id[id.length-1]}`).default}/>

[khiMERsen]

otdameskapizm,

<iframe src={require(`./articles/${id[id.length-1]}`).default}/>

[Сергей delphinpro]

Чтобы не удалили пост, его оформлять нужно как следует.
И не нужно повторять в комментариях, можно ведь и сам вопрос отредактировать.

Я вот удивляюсь – как вы лезете в программирование, если даже элементарно в интерфейсе сайта разобраться не можете?

[Сергей Соколов]

Сергей delphinpro, вроде, привелегия редактить свой вопрос появляется не сразу, а после N вопросов или M месяцев на сайте. Но эт не точно.

[Сергей delphinpro]

Сергей Соколов, ну значит нужно пользоваться кнопкой "Предпросмотр".

[Модератор]

Когда вы регистрировались, вы обещали выполнять Регламент. Вы неоднократно нарушили п.4.1 Регламента.
Если вы будете продолжать нарушать Регламент, ваши вопросы могут быть удалены, а аккаунт заблокирован модераторами временно или навсегда.
Будьте благоразумны.

Answer 1

[Сергей delphinpro]

`` – шаблонная строка
`${variable}` - переменная в такой строке, или любое выражение
[] - массив, доступ к элементу массива по индексу или ключу
id.length-1 - обычное выражение, длина массива минус один
id[id.length-1] - доступ к последнему элементу массива

Раскладываем для понимания

let lastIndex = id.length-1;
let lastElement = id[lastIndex];
`./articles/${lastElement}`

Это всё базовый javascript. Первые страницы учебника.