react引入jsx文件没有效果?

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="js/build/react.js"></script>
    <script src="js/build/react-dom.js"></script>
    <script src="js/build/browser.min.js"></script>
    <script src="js/build/react-with-addons.js"></script>
    <script src="js/10-demo.jsx" type="text/jsx"></script>//这里引入jsx文件可是没有效果
    </head>
</head>

刚接触react,求问这里引入方式对不对,为什么引入完页面没有效果

阅读 6.4k
3 个回答
 // 改一下type试试
 <script src="js/10-demo.jsx" type="text/babel"></script> 

考虑到题主刚接触react,推荐个新手入门文档 React 入门实例教程

有些看不明白,react 引入 jsx,为什么不是

import Demo from 'js/10-demo'

这样的形式?

补充一下,生产环境一般将jsx编译为js,
所以建议使用webpack对js进行打包。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题