如何在html中引入jsx文件

不使用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文件中定義組件內容