1.在html里使用js引入react
2.这样写控制台会报错reactUncaught SyntaxError: Unexpected token <
因为无法识别我们的react代码,需要加上type类型text/babel
3.页面并没有渲染上我们的123节点,因为这个type类型浏览器不会直接去执行,需要引入babel来解析执行
- <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
4.完整代码如下
<body> <div id="box">222</div> <script src="./dist/www/vendor/react.min.js"></script> <script src="./dist/www/vendor/react-dom.min.js"></script> <script src="./dist/assets/cheui-react.js"></script> <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script> <script type="text/babel"> ReactDOM.render( <Button>123</Button>, document.getElementById("box") ) </script> </body>
5.Button是我们cheui组件库暴露出来的全局的一个变量