zoukankan      html  css  js  c++  java
  • 如何在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文件中定义组件内容

  • 相关阅读:
    第三次作业
    第二次作业
    第一次作业
    第五次作业
    第四次作业
    第三次作业
    第二次作业
    随笔
    第五次作业
    第四次作业
  • 原文地址:https://www.cnblogs.com/codebook/p/10387297.html
Copyright © 2011-2022 走看看