Question

我尝试使用react，mongodb和nodejs创建一个简单的应用程序。我到达需要路由应用程序的地步，为此，我使用“ BrowserRouter”作为测试，将一些代码分离到一个单独的组件中，并尝试在App.js文件的基本代码中将其作为标签调用，但是我没有得到答案。当我将代码包含在App.js文件中但不在其外部时，它可以正常工作。在终端的浏览器中，它只会告诉我代码中只有一个错误，并且只有一个错误。

App.js

import React,{ Component } from 'react';
import { BrowserRouter, Switch, Route } from 'react-router-dom';
import Add from './Add';

class App extends Component{
  render(){
    return (
        <BrowserRouter>
            <div>
                {/*Navigation*/}
                <nav className="light-blue darken-4">
                    <div className="container">
                        <a className="brand-logo" href="/">Octopus</a>
                    </div>
                </nav>
                    <Switch>
                        <Route path='/' component={Add}/>
                    </Switch>
            </div>
        </BrowserRouter>
    )
  }
}

Add.js

import React, { Component } from 'react';
class Add extends Component {
  render() {
    return (
         <div className="container">

         </div>     
    )
  }
}


export default Add;

浏览器：

上述错误发生在组件中：在添加中（由App创建）在div中（由App创建）在路由器中（由BrowserRouter创建）在BrowserRouter中（由App创建）在应用程序中

我无法使用反应路由器

0 个答案: