react---RoutingConfig(...): A valid React element (or null) must be returned. You may have returned

最新推荐文章于 2023-03-09 00:17:04 发布

武东10号

最新推荐文章于 2023-03-09 00:17:04 发布

阅读量1.2k

点赞数 1

分类专栏： react 文章标签： react reactroute react路由路由报错

本文链接：https://blog.csdn.net/Wbiokr/article/details/73152345

版权

react 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

使用react路由组件react-router-dom的时候报错，代码如下：

let RoutingConfig=()=>{
             <Router>
                <div>
                    <Route exact path='/index' component={Index} />
                </div>
             </Router>
}

这便是react推荐的无状态组件，以为是箭头函数的原因，结果改为常规function依然没用，再改为React.Component组件法便不报错了！

class RoutingConfig extends React.Component{
   render(){
        return (

            <Router>
                <div>
                         <Route exact path='/index' component={Index} />
                 </div>
            </Router>
        )
     }
}

看两者的结构区别，似乎就是少了一个return而已，在es6的箭头函数中，默认是return里面的内容的，试试的态度，结果成功了，这里还有些不解，有谁知道，可以告知我哈！

let RoutingConfig=()=>{
   return (
         <Router>
                 <div>
                    <Route exact path='/index' component={Index} />
                </div>
          </Router>
    )
}