Условное отображение отображенных маршрутов [ответил]

Question

Я хотел бы сделать условное отображение рендеринга внутри коммутатора.

Routes.js

  <Switch>
    {routeConfig.isSecureRoute === true ? 
      {routeConfig.map((route) => (
        <SecureRoute key={route} {...route} />
      ))}
    :
      {routeConfig.map((route) => (
        <Route key={route} {...route} />
      ))}
    }
  </Switch>

routeConfig - это массив объектов со значением isSecureRoute: true/false

routeConfig.js

const routeConfig = [
 {
   path: "/home",
   component: Home,
   exact: true,
   isSecureRoute: true
 },
 (...)
]

Я получаю ошибки синтаксического анализа:

code_error_screenshot

Не уверен, как правильно настроить отображение.Пожалуйста, помогите, спасибо заранее!Кроме того, я довольно новичок, чтобы отреагировать, поэтому я буду благодарен за подробный ответ или пример кода:)

Answer 1

Вы должны сделать это,

<Switch>
    {routeConfig.map((route, index) => {
          return route.isSecureRoute === true ? (
            <Route key={index} {...route} />
          ) : (
            <Route key={index} {...route} />
          )
        })
    }
  </Switch>