[英]React 16 and Babel 6 from the browser
我想在浏览器中使用 React，而无需使用 browserify/webpack 创建包。
我正在尝试使用babel-standalone并从浏览器做出反应，我修改了一些代码，但我得到ReactDOM 未定义加上其他两个警告（进程未定义）
我已经找到了参考反应，反应DOM这里。 包含 cjs 版本是否正确？ cjs 代表什么？
我正在使用的代码如下。 我想使用 ReactDOM.render
<!DOCTYPE html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/cjs/react.development.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/cjs/react-dom.development.js"></script> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> </head> <div id="output"></div> <script type="text/babel"> ReactDOM.render( <h1>Hello World</h1>, document.querySelector('output') ); </script> </html>
我相信 cjs 指的是 CommonJS。 由于您使用的是简单的 HTML 模板，因此您可以改为包含纯 JavaScript 包。
我根据官方 React 文档中的这个最小的 HTML 模板更改了包含的脚本标签。
我还将document.querySelector('output')更改为document.getElementById('output') 。
尝试这个：
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script> </head> <body> <div id="output"></div> <script type="text/babel"> ReactDOM.render( <h1>Hello World</h1>, document.getElementById('output') ); </script> </body> </html>
使用Webpack 4.5 + Babel 6 + React 16导入JSON时出错
[英]Error on import JSON with Webpack 4.5 + Babel 6 + React 16
如何使用 React 和 Babel 从 React-Select CDN 导入？
[英]How to import from React-Select CDN with React and Babel?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.