为什么反应路由器<Link>需要几秒钟才能显示

Question

我有一个包装了Switch组件的Router，该组件处理我的App组件中的URL更改。但是当App渲染时，我需要几秒钟的时间才能单击。似乎DOM在完成加载之前无法识别plot标签，但是我不知道那是什么。

App.js

<Link>

然后我有一个导航栏，用于处理指向各个URL的链接。

render() {
        const {data, isLoaded} = this.state;
        return (
            <Router>
                <div className="row">
                    <NavBar/>
                    <div className="App-header"></div>
                    <Switch>
                        <Route exact path="/">
                            <div id="header" className="col App-header">
                               ...        
                            </div>
                        </Route>
                        <Route path="/tasks">
                            <Task/>
                        </Route>
                        <Route path="/projects">
                            <Project/>
                        </Route>
                    </Switch>
                </div>
            </Router>
        );
    }

NavBar.js