如何使用链接进行页面转换?

Question

我在主页上列出了这些政策。在这些卡片的上方是一个名为"详细信息"的按钮。当我按下这个按钮时，我想查看产品的详细信息。但是一个产品只能有一种类型。例如,

如果是车辆策略，链接应该是:/policies/vehicle/detail

如果是住房政策，链接应该是:/policies/housing/detail

首页可以显示多个产品。

<Link to={{ pathname: history.location.pathname + activePolicies.policyGroup + '/details', state: { policy: activePolicy } }}>
{t('general.details')}
<AS.KeyboardArrowRightIcon />
</Link>

由于activePolicies是一个数组，所以我不能将其放置为**activePolicies. policygroup .

我该如何解决这个问题?

Answer 1

使用var来解决，就像:

const path = condition ? 'vehicle': 'housing';
const link = `link you want`