我想将Link to=""
href重构到一个单独的文件中,这样我就可以将它们放入任何需要相同链接的页面中。当涉及参数时,找不到如何执行此操作的示例。
我目前能够创建一个包含类似内容的文件 export const urlManagePosts = '/posts/manage'
然后我在一个页面上使用它:
import {urlManagePosts} from '../../routes/posts'
...
<Link to={urlManagePosts}>Manage posts</Link>
这工作正常。但是当我需要将 引入:id
url 时,我找不到有效的格式化方法。我试图<Link to={{urlEditPost}${post.id}}>Edit</Link>
在那里urlEditPost = '/posts/edit/'
没有成功。
有一个更好的方法吗?
如果您的代码看起来与您给出的示例完全一样:
<Link to={{urlEditPost}${post.id}}>Edit</Link>
那么它不起作用,因为{urlEditPost}${post.id}
几乎可以肯定是语法错误(您的浏览器的控制台说正在发生什么?)您的道具需要用反引号包裹,以便将两个字符串连接在一起:
<Link to={`${urlEditPost}${post.id}`}>Edit</Link>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句