如何在没有npm的情况下使用ReactRouter CDN方式？ [英] How to use ReactRouter CDN way without npm require?

问题描述

我是React新手。我通过直接添加react.js和react-dom.js文件以及用于JavaScript转换的browser.min.js到我的HTML页面中进行练习来使用它。现在，我想使用react-router为其添加ReactRouter.js脚本文件
这里。
但是，我无法找到任何示例来了解如何使用它。我已经尝试了以下方法，并且它不工作：

I am new to React. I am using it by directly adding the react.js and react-dom.js files along with browser.min.js for javascript transformation in to my HTML page for practice. Now, I want to use react-router for which I have added ReactRouter.js script file from here. However, I am not able to find any examples to know how to use it. I have tried the following way and its not working:

  <Router history={history}>
    <Route path="/" component={MainComponent}>
      //<Route path="topics/:id" compponent={Topic} />
    </Route>
  </Router>

  ReactDOM.render(<Router />,  document.getElementById('wrapper'));

你能帮我解释一下如何使用ReactRouter.js中的Router（CDN方式）。谢谢。

Can you please help me how to use Router from ReactRouter.js (CDN way) with an example. Thank you.

推荐答案

let Router = window.ReactRouter;
let RouteHandler = Router.RouteHandler;
let Route = Router.Route;
let DefaultRoute = Router.DefaultRoute;

将这些代码添加到您的顶部以获取真实的参考。

Add these codes to the top of yours to get the true reference.

这篇关于如何在没有npm的情况下使用ReactRouter CDN方式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！