react-router - react 路由器 3 : What is the effect of brackets () in a route's path definition?

Question

我有一个 React router 3 组件，指定如下:

module.exports = {
  path: 'report(/:skip)',
  getComponent(nextState, cb) {
    require.ensure([], (require) => {
      cb(null, require('./Containers/Report').default);
    });
  },
};

我的问题是关于 'report(/:skip)' 行。我知道 report/:skip 会匹配 report/foo 然后将 foo 传递到组件可用的参数哈希中，但是什么是/:skip 括号的效果？

Answer 1

事实证明，方括号表示该参数是可选的，如 API 文档中所述 here :

• () – Wraps a portion of the URL that is optional. You may escape parentheses if you want to use them in a url using a backslash \