react-router中,标签存在意义说明

react-router中,<switch>标签存在意义说明_第1张图片

在学习中遇到这个问题,怎么翻译都没明白(果然看英文水平还不够啊),终于搞明白,记录下面,如果存在漏洞,望指正!

  • 标签
            
                
  • ContactUs

结果为:

react-router中,<switch>标签存在意义说明_第2张图片

解释:

标签,则其中的在路径相同的情况下,只匹配第一个,这个可以避免重复匹配;

  • 标签
            
                
  • ContactUs

结果为:


react-router中,<switch>标签存在意义说明_第3张图片

解释:

标签,则其中的在路径相同的情况下全都会匹配。更严重的是,还会匹配上级路径的,如下面例子:

            
                
  • AboutUs

结果为:


react-router中,<switch>标签存在意义说明_第4张图片

结论:为了更好地匹配规则,轻易不要舍弃

你可能感兴趣的:(react-router中,标签存在意义说明)