反应路线不适用于自定义导航栏

时间:2021-01-03 15:16:20

标签: reactjs react-router navbar react-router-dom

我正在使用在 NPM 上找到的自定义导航栏库来呈现我的导航栏,但自定义导航栏中的 TARGETS=$(shell ls -d programme*) CLEANTARGETS=$(foreach dir,$(TARGETS),clean_$(dir)) all: $(TARGETS) .PHONY: $(TARGETS) $(CLEANTARGETS) $(TARGETS) : @echo "Execution de make $@ :\n" @cd $@; make $(CLEANTARGETS) : @echo -n "Execution de clean $(subst clean_,,$@)\n" : @cd $(subst clean_,,$@); make clean clean: $(CLEANTARGETS) 不起作用。当我单击链接时,地址栏中的路由会更新,但不会呈现组件。虽然使用简单列表时,我能够呈现所有路线。

CodeSandbox Example to Replicate

navlinks

这是我使用的自定义导航栏组件:Custom Navbar

1 个答案:

答案 0 :(得分:0)

你可能忘记用 <Router> or <BrowserRouter>

试穿:

import {BrowserRouter, Router} from "react-router-dom";

 <BrowserRouter>
            <React.Fragment>
                ...
            </React.Fragment>
  </BrowserRouter>

<Router>
            <React.Fragment>
                ...
            </React.Fragment>
</Router>
相关问题