NavLink react-router-dom 不工作（如果刷新頁面工作）

Question

我嘗試在react-router-dom使用NavLink但有些東西不起作用。 謝謝你的幫助。

我在個人資料頁面，我單擊<NavLink to="/adminboard/settings">並將路徑更改為'/adminboard/settings'和'/adminboard/settings' activeClassName，但我仍在個人資料頁面。 然后我刷新頁面，它會進入設置頁面。

我的代碼：

<AdminNav style={{ margin: '0px', padding: '0px', marginTop: '160px' }}>
    <Router style={{ margin: '0px', padding: '0px' }}>
        <Switch style={{ margin: '0px', padding: '0px' }}>
           <Route exact path="/adminboard/profile" component={AdminboardProfile} />
           <Route exact path="/adminboard/postsanpham" component={AdminPostSanPham} />
           <Route exact path="/adminboard/settings" component={AdminSetting} />
           <Route exact path="/adminboard/store" component={AdminStore} />
        </Switch>
    </Router>
</AdminNav>

我的導航代碼：

<NavLink to="/adminboard/profile" activeClassName="active">
  <span>{faUserIcon}</span>
  <span>Profile</span>
</NavLink>
<NavLink to="/adminboard/postsanpham" activeClassName="active">
   <span>{postsanpham}</span>
   <span>Store</span>
</NavLink>
<NavLink to="/adminboard/store" activeClassName="active">
   <span>{faClipboardListIcon}</span>
   <span>Store</span>
</NavLink>
<NavLink to="/adminboard/settings" activeClassName="active">
   <span>{faToolboxIcon}</span>
   <span>Settings</span>
</NavLink>

Answer 1

我想問題是因為你沒有使用確切的屬性

<Route exact path='/category' component={Category}></Route>

精確將尋找完整的路由，即“/adminboard/settings”，如果不使用精確，它會在第一次找到匹配時停止進一步查找（它與“管理板”匹配，不會進一步查找）