javascript - 反应路由器 v4 错误“未捕获的 ReferenceError：未定义路由器”

Question

我正在为一个项目使用 react-router v4 这是我的 CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-router/4.0.0-alpha.3/react-router.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.38/browser.min.js"></script>

这是我的代码

ReactDOM.render(

  <Router>
  <Route path="/" component={LoginForm} />
        </Router>

    ,document.getElementById('root'));
</script>

登录表单代码如下所示

var LoginForm = React.createClass({
render: function() {
return (
    <div> 
    <div id="postdiv">
<form id="customerForm" data-toggle="validator">
<div className="form-group">
<span className="label label-default">Login</span>
...

我收到此错误

Uncaught ReferenceError: Router is not defined
at eval (eval at n.run (browser.min.js:3), <anonymous>:79:3)
at Function.n.run (browser.min.js:3)
at l (browser.min.js:3)
at i (browser.min.js:3)

Answer 1

当你import react-router从那里cdn你可以像使用它一样

    <ReactRouter.Router>
       <ReactRouter.Route path="/" component={LoginForm} />
    </ReactRouter.Router>

同样从您的评论看来，您要么没有导出LoginForm组件，要么没有正确导入

您需要执行以下操作

var LoginForm = React.createClass({
render: function() {
return (
    <div> 
    <div id="postdiv">
<form id="customerForm" data-toggle="validator">
<div className="form-group">
<span className="label label-default">Login</span>
...
)}
})

export default LoginForm;

你也需要像这样导入它

<script src="path/to/loginFormFile"></script>