vue2使用jsx 提示React is not defined 改如何解决

如果在 Vue 2 中使用 JSX，可能会遇到 `React is not defined` 的错误，因为 Vue 2 默认不支持 JSX 语法，需要使用 `babel-plugin-syntax-jsx` 和 `babel-plugin-transform-vue-jsx` 来支持。

要解决这个问题，请按照以下步骤操作：

1. 在项目中安装 `babel-plugin-syntax-jsx` 和 `babel-plugin-transform-vue-jsx`。

   npm install babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx --save-dev

2. 在 `.babelrc` 文件中添加以下内容：

   {
     "plugins": [
       "syntax-jsx",
       "transform-vue-jsx"
     ]
   }

3. 在组件中使用 `import { createElement } from 'vue';` 来代替 `React.createElement`。

   <template>
     <div>
       {createElement('h1', { class: 'title' }, 'Hello World')}
     </div>
   </template>
   
   <script>
   import { createElement } from 'vue';
   
   export default {
     name: 'MyComponent',
     render() {
       return (
         <div>
           {createElement('h1', { class: 'title' }, 'Hello World')}
         </div>
       );
     }
   }
   </script>

通过以上步骤，你的 Vue 2 项目就可以使用 JSX 语法了。