javascript - 当特定组件将呈现时如何呈现组件？

Question

这是示例代码:

<Route exact path='/user'>
    <UsersList />
</Route>
<Route path='/user/:name'>
    <Sidebar />
    <User />
</Route>

UsersList组件就像一个主页/登陆页面。

UsersList和 Sidebar这两个组件都包含链接列表。当我们点击任何链接时，我们将被重定向到该 用户页面 .

User组件将呈现该特定 的信息用户 .

假设我们在 /user/john并想继续 /user/jack .但是当我这样做时，即当我点击链接从 /user/john 开始时至 /user/jack , React 正在重新渲染 Sidebar成分。
但我想要那个 Sidebar组件应该呈现 只有一次 和 仅当 path='/user/:name' .那么，该怎么做呢？

Answer 1

如果可以移动Sidebar组件出Route组件，然后使用 React.Fragment 速记标记作为所有 JSX 的父组件元素。
所以你应该使用这个

<>
  <Sidebar />
  <Route path='/user/:name'>
    <User />
  </Route>
</>