如何在html中引入jsx文件

Posted 2021-02-09 小方块的博客

不使用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文件中定义组件内容