fix: React is not defined

snapshots/iconfont-js/h5/IconAlipay.js

@@ -1,5 +1,6 @@
 /* eslint-disable */
 
+import React from 'react';
 import { getIconColor } from './helper';
 
 const DEFAULT_STYLE = {

snapshots/iconfont-js/h5/IconSetup.js

@@ -1,5 +1,6 @@
 /* eslint-disable */
 
+import React from 'react';
 import { getIconColor } from './helper';
 
 const DEFAULT_STYLE = {

snapshots/iconfont-js/h5/IconUser.js

@@ -1,5 +1,6 @@
 /* eslint-disable */
 
+import React from 'react';
 import { getIconColor } from './helper';
 
 const DEFAULT_STYLE = {

snapshots/iconfont-js/h5/index.js

@@ -1,5 +1,6 @@
 /* eslint-disable */
 
+import React from 'react';
 import IconAlipay from './IconAlipay';
 import IconUser from './IconUser';
 import IconSetup from './IconSetup';

snapshots/iconfont-js/index.alipay.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-
+import React from 'react';
 import Taro from '@tarojs/taro';
 
 const IconFont = (props) => {

snapshots/iconfont-js/index.h5.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-
+import React from 'react';
 import Taro from '@tarojs/taro';
 import Icon from './h5';
 

snapshots/iconfont-js/index.qq.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-
+import React from 'react';
 import Taro from '@tarojs/taro';
 
 const IconFont = (props) => {

snapshots/iconfont-js/index.swan.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-
+import React from 'react';
 import Taro from '@tarojs/taro';
 
 const IconFont = (props) => {

snapshots/iconfont-js/index.tt.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-
+import React from 'react';
 import Taro from '@tarojs/taro';
 
 const IconFont = (props) => {

snapshots/iconfont-js/index.weapp.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
-
+import React from 'react';
 import Taro from '@tarojs/taro';
 
 const IconFont = (props) => {

snapshots/iconfont-js/rn/IconAlipay.js

@@ -1,5 +1,6 @@
 /* eslint-disable */
 
+import React from 'react';
 import { Svg, Path } from 'react-native-svg';
 import { getIconColor } from './helper';
 

snapshots/iconfont-js/rn/IconSetup.js

@@ -1,5 +1,6 @@
 /* eslint-disable */
 
+import React from 'react';
 import { Svg, Path } from 'react-native-svg';
 import { getIconColor } from './helper';
 

snapshots/iconfont-js/rn/IconUser.js

@@ -1,5 +1,6 @@
 /* eslint-disable */
 
+import React from 'react';
 import { Svg, Path } from 'react-native-svg';
 import { getIconColor } from './helper';
 

snapshots/iconfont-js/rn/index.js

@@ -1,5 +1,6 @@
 /* eslint-disable */
 
+import React from 'react';
 
 import IconAlipay from './IconAlipay';
 import IconUser from './IconUser';

snapshots/iconfont-ts/h5/IconAlipay.tsx

@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends DOMAttributes<SVGElement> {

snapshots/iconfont-ts/h5/IconSetup.tsx

@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends DOMAttributes<SVGElement> {

snapshots/iconfont-ts/h5/IconUser.tsx

@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
 import { getIconColor } from './helper';
 
 interface Props extends DOMAttributes<SVGElement> {

snapshots/iconfont-ts/h5/index.tsx

@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
+import React, { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
 import IconAlipay from './IconAlipay';
 import IconUser from './IconUser';
 import IconSetup from './IconSetup';

snapshots/iconfont-ts/index.alipay.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable */
 /* eslint-disable */
-
+import React from 'react';
 import Taro, { FunctionComponent } from '@tarojs/taro';
 
 interface Props {

snapshots/iconfont-ts/index.h5.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable */
 /* eslint-disable */
-
+import React from 'react';
 import Taro, { FunctionComponent } from '@tarojs/taro';
 import Icon from './h5';
 

snapshots/iconfont-ts/index.qq.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable */
 /* eslint-disable */
-
+import React from 'react';
 import Taro, { FunctionComponent } from '@tarojs/taro';
 
 interface Props {

snapshots/iconfont-ts/index.swan.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable */
 /* eslint-disable */
-
+import React from 'react';
 import Taro, { FunctionComponent } from '@tarojs/taro';
 
 interface Props {

snapshots/iconfont-ts/index.tt.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable */
 /* eslint-disable */
-
+import React from 'react';
 import Taro, { FunctionComponent } from '@tarojs/taro';
 
 interface Props {

snapshots/iconfont-ts/index.weapp.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable */
 /* eslint-disable */
-
+import React from 'react';
 import Taro, { FunctionComponent } from '@tarojs/taro';
 
 interface Props {

snapshots/iconfont-ts/rn/IconAlipay.tsx

@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 import { ViewProps } from 'react-native';
 import { Svg, GProps, Path } from 'react-native-svg';
 import { getIconColor } from './helper';

snapshots/iconfont-ts/rn/IconSetup.tsx

@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 import { ViewProps } from 'react-native';
 import { Svg, GProps, Path } from 'react-native-svg';
 import { getIconColor } from './helper';

snapshots/iconfont-ts/rn/IconUser.tsx

@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 import { ViewProps } from 'react-native';
 import { Svg, GProps, Path } from 'react-native-svg';
 import { getIconColor } from './helper';

snapshots/iconfont-ts/rn/index.tsx

@@ -1,7 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 import { ViewProps } from 'react-native';
 import { GProps } from 'react-native-svg';
 import IconAlipay from './IconAlipay';

src/commands/index.ts

@@ -11,7 +11,7 @@ import { PLATFORM_MAP } from '../libs/maps';
 import { filterMiniProgramConfig, filterReactNativeConfig, filterReactWebConfig } from '../libs/filterConfig';
 import { generateUsingComponent } from '../libs/generateUsingComponent';
 import { getIconNames } from '../libs/getIconNames';
-import { replaceDuplicateReact } from '../libs/replace';
+// import { replaceDuplicateReact } from '../libs/replace';
 
 const basePath = path.join(__dirname, '..');
 const miniProgramBasePath = 'node_modules/mini-program-iconfont-cli';
@@ -70,12 +70,12 @@ fetchXml(config.symbol_url).then((result) => {
       execFile = execFile.replace(/react-native-iconfont-cli/, reactNativeDir);
       require(execFile)[execMethod](result, filterReactNativeConfig(config, platform));
 
-      glob.sync(path.resolve(config.save_dir, platform, '*.{js,tsx}')).map((rnFilePath) => {
-        fs.writeFileSync(
-          rnFilePath,
-          replaceDuplicateReact(fs.readFileSync(rnFilePath).toString())
-        );
-      });
+      // glob.sync(path.resolve(config.save_dir, platform, '*.{js,tsx}')).map((rnFilePath) => {
+      //   fs.writeFileSync(
+      //     rnFilePath,
+      //     replaceDuplicateReact(fs.readFileSync(rnFilePath).toString())
+      //   );
+      // });
       // Remove .d.ts files
       glob.sync(path.resolve(config.save_dir, platform, '*.d.ts')).map((rnFilePath) => {
         fs.unlinkSync(rnFilePath);
@@ -84,12 +84,12 @@ fetchXml(config.symbol_url).then((result) => {
       execFile = execFile.replace(/react-iconfont-cli/, reactWebDir);
       require(execFile)[execMethod](result, filterReactWebConfig(config, platform));
 
-      glob.sync(path.resolve(config.save_dir, platform, '*.{js,tsx}')).map((h5FilePath) => {
-        fs.writeFileSync(
-          h5FilePath,
-          replaceDuplicateReact(fs.readFileSync(h5FilePath).toString())
-        );
-      });
+      // glob.sync(path.resolve(config.save_dir, platform, '*.{js,tsx}')).map((h5FilePath) => {
+      //   fs.writeFileSync(
+      //     h5FilePath,
+      //     replaceDuplicateReact(fs.readFileSync(h5FilePath).toString())
+      //   );
+      // });
       // Remove .d.ts files
       glob.sync(path.resolve(config.save_dir, platform, '*.d.ts')).map((h5FilePath) => {
         fs.unlinkSync(h5FilePath);

src/libs/replace.ts

@@ -11,12 +11,12 @@ export const replacePlatform = (content: string, platform: string) => {
   return content.replace(/#platform#/g, platform);
 };
 
-export const replaceDuplicateReact = (content: string) => {
-  return content
-    // Taro will inject React into file automatically.
-    .replace(/(import)\s+React(\s*,)/, '$1')
-    .replace(/import\s+React\s+from\s+'react';\n/, '')
-};
+// export const replaceDuplicateReact = (content: string) => {
+//   return content
+//     // Taro will inject React into file automatically.
+//     .replace(/(import)\s+React(\s*,)/, '$1')
+//     .replace(/import\s+React\s+from\s+'react';\n/, '')
+// };
 
 export const replaceIsRpx = (content: string, useRpx: boolean) => {
   return content

src/templates/index.h5.js.template

@@ -1,5 +1,5 @@
 /* eslint-disable */
-
+import React from 'react';
 import Taro from '@tarojs/taro';
 import Icon from './h5';
 

src/templates/index.h5.tsx.template

@@ -1,6 +1,6 @@
 /* tslint:disable */
 /* eslint-disable */
-
+import React from 'react';
 import Taro, { FunctionComponent } from '@tarojs/taro';
 import Icon from './h5';
 

src/templates/index.platform.js.template

@@ -1,5 +1,5 @@
 /* eslint-disable */
-
+import React from 'react';
 import Taro from '@tarojs/taro';
 
 const IconFont = (props) => {

src/templates/index.platform.tsx.template

@@ -1,6 +1,6 @@
 /* tslint:disable */
 /* eslint-disable */
-
+import React from 'react';
 import Taro, { FunctionComponent } from '@tarojs/taro';
 
 interface Props {