Question

我可以使用脚本标记将反应库添加到我的html页面吗？

我在哪里可以添加以下代码以便执行？

ReactDOM.render(
    <h1>Hello, worl151d!</h1>,
    document.getElementById('root')
);

Answer 1

是的，您可以，为此您需要在html页面中添加body { height: 100%; width: 100%; overflow-x: hidden; }，react和react-dom的引用，然后直接将babel部分放入{ {1}}代码，ReactJs的类型为script。

将这些参考用于script，text/jsx和react：

react-dom

不要忘记添加babel的引用，这是将JSX代码转换为javascript所必需的。

将脚本类型提及为<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.js"></script>，否则babel将不会转发该部分。

检查工作示例：

＆＃13;

babel

＆＃13;

检查这些细节：

React，{{3}}。

Answer 2

是的，你可以。 Check out the docs here

它基本上表示您可以将以下脚本标记添加到<head>：

<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>

请注意，为了使用JSX，ES6，您还必须包含transpiler like Babel的CDN脚本：

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

当您获得一些动力时，同一页面提供了一些关于使用npm或yarn等软件包管理器来设置项目的简单建议

将ReactJS添加到vanilla JavaScript

2 个答案: