错误:不变式失败:尝试用链接替换字符串时,不应在<Router>外使用<Link>

时间:2020-09-25 07:45:43

标签: reactjs react-router react-router-dom react-router-v4

我目前正在处理一个处理“ @”提及的项目,因此我希望能够用指向用户个人资料的链接替换文本中的提及。

` URL_REGEX = /\B@([\w-]+)/g;

renderText = (txt) =>
txt
.split(' ')
.map((part) =>
this.URL_REGEX.test(part) ? (
<Link to={/profile/${part}}>{part}
) : (
part + ' '
)
);`

{this.renderText(item.content)}

上面的函数是从div中基于类的组件的render()函数中调用的。

当我调用此regex函数并替换提到的文本实例时,它将引发以下错误:即使组件位于BrowserRouter内部,链接也不应位于浏览器之外。

任何帮助都会很棒:)

0 个答案:

没有答案