значение 'this' в массиве неопределенных объектов

Question

У меня есть массив маршрутов. Каждый маршрут - это собственный объект, который повторяется для определения. Я ожидал, что смогу использовать ключ заголовка в main () с ключевым словом this, но он не определен. Что мне здесь не хватает?

const loggedInRoutes = [
  {
    path: '/home',
    exact: true,
    isPrivate: true,
    header: 'Home',
    main() {
      console.log(this); // undefined
      return (
        <HeadWrap header={this.header}> // property 'header' undefined
          <Home />
        </HeadWrap>
      );
    },
  },
]

Answer 1

Вы не можете сделать это так. Попробуйте это решение

const homeHeader="Home"
const loggedInRoutes = [
  {
    path: '/home',
    exact: true,
    isPrivate: true,
    header: homeHeader,
    main() {
      return (
        <HeadWrap header={homeHeader}>
          <Home />
        </HeadWrap>
      );
    },
  },
]