React Router 3: Quel est l'effet de brackets() dans la définition de chemin d'une route?

Question

J'ai un composant routeur 3 réagir qui est spécifié comme suit:

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

Ma question concerne la ligne 'report(/:skip)'. Je comprends que report/:skip correspondrait report/foo, puis passer foo dans le hachage params disponible pour le composant, mais quel est l'effet des crochets autour de /:skip?

Answer 1

Il se trouve que les crochets indiquent que le paramètre est facultatif, comme expliqué dans l'API docs here:

• () - Wraps une partie de l'URL qui est facultative. Vous pouvez échapper parenthèses si vous souhaitez les utiliser dans une URL à l'aide d'une barre oblique inverse \