在React Router中通过本地主机跳过重定向

时间:2020-08-14 11:40:42

标签: reactjs typescript react-router

我有链接列表,但我发现每个链接都是通过localhost重定向的:

enter image description here

源代码:

<DetailsBox title={t('catalogPage.componentDetails.specs.links')}>
  <Typography variant="body1" component="p" gutterBottom>
    {component?.external_links?.map((link, index) => (
      <li style={{ listStyleType: 'none' }} key={index}>
        <a href={link.toString()}>{link.toString()}</a>
      </li>
    ))}
  </Typography>
</DetailsBox>

任何人都可以建议如何跳过重定向?我只想去www.ww.pl

1 个答案:

答案 0 :(得分:1)

链接必须以http://https://开头,或者仅以//(本身或http / s开头)开头,否则将其翻译为路由而不是单独的页面。< / p>

链接应存储在http://https://中 或者你必须自己做

<DetailsBox title={t('catalogPage.componentDetails.specs.links')}>
  <Typography variant="body1" component="p" gutterBottom>
    {component?.external_links?.map((link, index) => (
      <li style={{ listStyleType: 'none' }} key={index}>
        <a href={`//${link.toString()}`}>{link.toString()}</a>
      </li>
    ))}
  </Typography>
</DetailsBox>