Question

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

下载jquery.js并像指向<script src="jquery.js"></script>一样指向它时，它看起来并不那么简单。在离线网络上利用反应的正确方法是什么？我应该如何指向正确的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代码中添加一些反应并将其呈现给div

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

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

这应该对您有用！

关键听到的是Babel的添加将您的反应代码（JSX）转换为浏览器可理解的Javascript。也重要的是“ ReactDOM”库，它是react与浏览器DOM API交互的方式。

Answer 2

将它们包含在html文件中

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

       <script type="text/babel src="Your js file source">

反应下载以供离线使用

2 个答案: