小编Luk*_*uka的帖子

如何检查通用react-router路径是否与当前位置路径名匹配？

react-router path: /Movies/:id
location.pathname: /Movies/56fa7446bae6eb301e5937f3

我想使用带有菜单按钮的路径路径来设置class ="active".

编辑:

为了澄清,我的应用程序中的路径如下所示:

/Movies/56fa7/watch

而不是像:

/Movies/watch/56fa7

如何检查以前的路线是否有效？

没有<Link>组件可行吗？

/Movies/56fa7/watch是任意的/Movies,<Link>显然不能指向任意位置.所以我们<Link>暂时忽略一下:

在react-router中是否有一个独立的函数或属性来检查是否/Movies/:id/watch有效？

情况1:使用变量名而不是值

package.json:

{
  "name": "example",
  "config": {
    "url": "localhost/dev"
  },
  "scripts": {
    "watch": "browser-sync start --files \"./**/*, !.node_modules/, !src\" --proxy $npm_package_config_url"
  }
}

$npm run watchhttp://localhost:3000/$npm_package_config_url在浏览器中打开,而不是http://localhost:3000/dev

因此,$npm_package_config_url用作字符串,而不是变量.

案例2: 命令替换不起作用

{ 
  { ... },
  "scripts": {
    "rm:all": "npm rm $(ls -1 node_modules | tr '/\\n' ' ')"
   }
}

子命令列出node_modules中的文件夹.

再一次,npm run rm:all什么也不做,因为$(ls -1 node_modules | tr '/\\n' ' ')被解释为文件夹名称.

ENV:windows 10 | npm 3.5.1 | 节点4.2.2 | git-bash 2.6.0