Javascript 路由器是否会干扰Axios？

我对React的世界还不熟悉，所以在阅读我的问题时请记住这一点

在我的代码中，我使用

axios

发出get请求，在控制台中打印出来时，它工作正常。下面是一个片段：

componentDidMount() {
    const { numToDisplay, data } = this.props

    this.serverRequest = axios
      .get('http://blablabla/locks')
      .then(res => {
        // Rerender state
        console.log(res)
        this.setState({
          res,
          dataToDisplay: res.data.slice(0, numToDisplay || 5),
          allAreShowing: res.data.length < numToDisplay
        })
      })
  }

  componentWillUnmount() {
    this.serverRequest.abort()
  }

  viewAllData() {
    this.setState({
      dataToDisplay: this.state.data,
      allAreShowing: true
    })
  }

  render() {
    console.log(this.state.res) // Prints here!

我正在导入

浏览器路由器

作为

路由器

，同时也在导入

交换机

。我之所以使用

开关

，是因为它只呈现

的第一个子元素，并且因为它删除了错误：

一个“路由器”可能只有一个子元素

我的问题 然而，现在错误消失了，我的所有组件都渲染了，来自axios的get请求不会“fetch”。所以我的问题是为什么。这和反应路由器有关吗

---

谢谢你的阅读

结果是，在我的

Layout.js

文件中，我需要添加一个

div

import React, { Component } from 'react'
import MainNavbar from './Navbar'
import AddButton from './AddButton'
import Doors from './Doors'
import { BrowserRouter as Router, Switch } from 'react-router-dom'

export default class Layout extends Component {
  render() {
    return (
      <div> // Forgot this!
        <Router>
          <Switch>
            <MainNavbar />
            <AddButton />
            <Doors />
          </Switch>
        </Router>

      </div>
    )
  }
}

import React，{Component}来自“React”
从“/Navbar”导入主导航栏
从“./AddButton”导入AddButton
从“./Doors”导入门
从“react Router dom”导入{BrowserRouter as Router，Switch}
导出默认类布局扩展组件{
render（）{
返回(
//忘了这个！
)
}
}

结果是，在我的

Layout.js

文件中，我需要添加一个

div

import React, { Component } from 'react'
import MainNavbar from './Navbar'
import AddButton from './AddButton'
import Doors from './Doors'
import { BrowserRouter as Router, Switch } from 'react-router-dom'

export default class Layout extends Component {
  render() {
    return (
      <div> // Forgot this!
        <Router>
          <Switch>
            <MainNavbar />
            <AddButton />
            <Doors />
          </Switch>
        </Router>

      </div>
    )
  }
}

import React，{Component}来自“React”
从“/Navbar”导入主导航栏
从“./AddButton”导入AddButton
从“./Doors”导入门
从“react Router dom”导入{BrowserRouter as Router，Switch}
导出默认类布局扩展组件{
render（）{
返回(
//忘了这个！
)
}
}

是否使用了React.cloneElement？是否使用了React.cloneElement？