reactjs - 精确且严格的 Prop 使用

Question

我正在 React-JS 中使用 React-Router:

<Route>是一个内置组件，有两个不同的 props: exact和strict

问题

documentation没有明确定义 exact 之间的差异和strict .

请帮助我。该文档非常困惑且不清楚。

Answer 1

用例 1

如果同时使用 exact 和 strict，则 location.pathname 将仅与路径属性中提供的完全匹配。

示例:

<Route exact strict path="/one/" component={About}/>

仅匹配 /one/，但不匹配 /one 和 /one/two。

用例 2

如果您仅使用strict，则location.pathname将匹配带有尾部斜杠的内容。

示例:

<Route strict path="/one/" component={About}/>

将匹配 /one/ 和 /one/two，但不匹配 /one。

用例 3

如果您仅使用exact，则location.pathname 将匹配准确的位置路径。

示例:

<Route exact path="/one" component={About}/>

将匹配/one或/one/。 exact 属性不关心尾部斜杠。但它不会匹配 /one/two。