feat: Add unique key on element to against user switch name

Author: fwh1990

snapshots/demo-js/index.js

@@ -9,11 +9,11 @@ import IconSetup from './IconSetup';
 const IconFont = ({ name, ...rest }) => {
   switch (name) {
     case 'alipay':
-      return <IconAlipay {...rest} />;
+      return <IconAlipay key="1" {...rest} />;
     case 'user':
-      return <IconUser {...rest} />;
+      return <IconUser key="2" {...rest} />;
     case 'setup':
-      return <IconSetup {...rest} />;
+      return <IconSetup key="3" {...rest} />;
   }
 
   return null;

snapshots/demo-ts/index.tsx

@@ -19,11 +19,11 @@ interface Props extends GProps, ViewProps {
 const IconFont: FunctionComponent<Props> = ({ name, ...rest }) => {
   switch (name) {
     case 'alipay':
-      return <IconAlipay {...rest} />;
+      return <IconAlipay key="1" {...rest} />;
     case 'user':
-      return <IconUser {...rest} />;
+      return <IconUser key="2" {...rest} />;
     case 'setup':
-      return <IconSetup {...rest} />;
+      return <IconSetup key="3" {...rest} />;
   }
 
   return null;

src/libs/generateComponent.ts

@@ -48,7 +48,7 @@ export const generateComponent = (data: XmlData, config: Config) => {
     copyTemplate('helper.d.ts', path.join(saveDir, 'helper.d.ts'));
   }
 
-  data.svg.symbol.forEach((item) => {
+  data.svg.symbol.forEach((item, index) => {
     let singleFile: string;
     const currentSvgComponents = new Set<string>(['Svg']);
     const iconId = item.$.id;
@@ -79,7 +79,7 @@ export const generateComponent = (data: XmlData, config: Config) => {
     cases += `${whitespace(4)}case '${iconIdAfterTrim}':\n`;
 
     imports.push(componentName);
-    cases += `${whitespace(6)}return <${componentName} {...rest} />;\n`;
+    cases += `${whitespace(6)}return <${componentName} key="${index + 1}" {...rest} />;\n`;
 
     singleFile = getTemplate('SingleIcon' + jsxExtension);
     singleFile = replaceSize(singleFile, config.default_icon_size);