Javascript 为什么路由器在react js中未定义？

你能告诉我为什么react js中没有定义路由器吗？我已经在我的代码笔中导入了react-router.js文件

这是我的密码

类应用程序扩展了React.Component{
render（）{
返回
}
}
类扩展了React.Component{
render（）{
返回第二个组件
}
}
类首先扩展React.Component{
render（）{
返回第一个组件
}
}
React.render（，document.getElementById（'App'））

根据，当您通过

标记包含库时，库将在

窗口中可用。ReactRouter

您可以在文件顶部添加以下作业：

{ Router } = ReactRouter;

这将把

react Router

中的

Router

组件暴露到一个变量

Router

，这是您的代码所期望的。

根据，当您通过

标记包含库时，库将在

窗口中可用。react Router

您可以在文件顶部添加以下作业：

{ Router } = ReactRouter;

---

这将把

react Router

中的

Router

组件暴露到一个变量

Router

，这正是您的代码所期望的。

您可能需要调整返回的JSX：

return (
  <Router>
    <Route path='/' component={first}></Route>
    <Route path='/about' component={second}></Route>
  </Router>
)

返回(
)

您可能需要支撑返回的JSX：

return (
  <Router>
    <Route path='/' component={first}></Route>
    <Route path='/about' component={second}></Route>
  </Router>
)

返回(
)

删除脚本标记时，应初始化别名

尝试以下方法：

var Router  = window.ReactRouter;
var Route  = window.ReactRouter.Ruote;

---

在代码开头

删除脚本标记时，应初始化别名

尝试以下方法：

var Router  = window.ReactRouter;
var Route  = window.ReactRouter.Ruote;

---

在代码开始时，您需要使用BrowserRouter（react router dom）包而不是路由器。您的代码如下所示：

<div>
<ReactRouter.Route path='/' component={first}></ReactRouter.Route>
<ReactRouter.Route path='/about' component={second}></ReactRouter.Route>
</div>

---

还要注意ReactRouter中的div标记，否则您将得到“路由器可能只有一个子元素”错误。

您需要使用BrowserRouter（react Router dom）包而不是路由器。您的代码如下所示：

<div>
<ReactRouter.Route path='/' component={first}></ReactRouter.Route>
<ReactRouter.Route path='/about' component={second}></ReactRouter.Route>
</div>

---

另外，请注意ReactRouter中的div标记，否则将出现“路由器可能只有一个子元素”错误。

请查看我的设置文件。我导入了该文件，但它仍然没有显示第一个组件，这可能是因为您试图使用已弃用的

React.render（）

方法而不是

ReactDOM

。有关更多信息，请参阅文档：请在上面澄清您所指的错误。请参阅我的设置文件。我导入了该文件，但它仍然没有显示第一个组件。这可能是因为您试图使用已弃用的

React.render（）

方法，而不是

ReactDOM

。有关更多信息，请参阅文档：请在上面澄清您所指的错误。