码迷,mamicode.com
首页 > Web开发 > 详细

如何在html中引入jsx文件

时间:2019-02-16 13:51:18      阅读:450      评论:0      收藏:0      [点我收藏+]

标签:文件中   org   doc   stat   dev   16.4   class   one   dem   

不使用webpack工具做react项目

1.引入react相关js文件

<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>

2.引入jsx文件组件并使用

<script type="text/babel" src="./js/demo.jsx"></script>
<script type="text/babel">
    ReactDOM.render( < MyComponent />,
            document.getElementById(App)
    );
</script>

3. 备注

在jsx文件中定义组件内容

如何在html中引入jsx文件

标签:文件中   org   doc   stat   dev   16.4   class   one   dem   

原文地址:https://www.cnblogs.com/codebook/p/10387297.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!