reactjs - React 下载以供离线使用

Question

我想在没有 Internet 连接的网络上下载和使用 React。我在本页底部下载了压缩的源代码文件。 https://github.com/facebook/react/releases/tag/v16.8.6

下载 jquery.js 并像 <script src="jquery.js"></script> 一样简单地指向它似乎并不那么直接.在离线网络上使用 React 的正确方法是什么？我应该如何指向正确的 js“src”文件？谢谢。

Answer 1

您需要下载并包含以下所有内容

react : https://unpkg.com/react@16/umd/react.production.min.js
react-dom : https://unpkg.com/react-dom@16/umd/react-dom.production.min.js
babel : https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js

将这些包含在您的 html 文件中

<script src="react.production.min.js" />
<script src="react-dom.production.min.js" />
<script src="babel.min.js" />

<!-- Your react scripts that you will be coding in -->
<script src="my-script.js" />

然后在同一个 html 文件中设置一个带有一些 id 的 div。

<div id="root" />

在你的 my-script.js 代码中添加一些 react 并像这样将其渲染到 div

function MyFirstReactComponent(){
    return <div> My First React Component ! </div>
}

ReactDOM.render(     
  <MyFirstReactComponent />,
  document.getElementById('root')        
);

这应该适合你!

The key hear is the addition of Babel which transforms your react code(JSX) to browser understandable Javascript. Also important, the 'ReactDOM' lib which is react's way of interacting with the browser's DOM API.