feat: Use React.memo to enhance rendering

Author: fwh1990

snapshots/demo-js/IconAlipay.js

@@ -23,4 +23,4 @@ IconAlipay.defaultProps = {
   size: 18,
 };
 
-export default IconAlipay;
+export default React.memo ? React.memo(IconAlipay) : IconAlipay;

snapshots/demo-js/IconSetup.js

@@ -59,4 +59,4 @@ IconSetup.defaultProps = {
   size: 18,
 };
 
-export default IconSetup;
+export default React.memo ? React.memo(IconSetup) : IconSetup;

snapshots/demo-js/IconUser.js

@@ -23,4 +23,4 @@ IconUser.defaultProps = {
   size: 18,
 };
 
-export default IconUser;
+export default React.memo ? React.memo(IconUser) : IconUser;

snapshots/demo-js/index.js

@@ -19,4 +19,4 @@ const IconFont = ({ name, ...rest }) => {
   return null;
 };
 
-export default IconFont;
+export default React.memo ? React.memo(IconFont) : IconFont;

snapshots/demo-ts/IconAlipay.tsx

@@ -30,4 +30,4 @@ IconAlipay.defaultProps = {
   size: 20,
 };
 
-export default IconAlipay;
+export default React.memo ? React.memo(IconAlipay) : IconAlipay;

snapshots/demo-ts/IconSetup.tsx

@@ -66,4 +66,4 @@ IconSetup.defaultProps = {
   size: 20,
 };
 
-export default IconSetup;
+export default React.memo ? React.memo(IconSetup) : IconSetup;

snapshots/demo-ts/IconUser.tsx

@@ -30,4 +30,4 @@ IconUser.defaultProps = {
   size: 20,
 };
 
-export default IconUser;
+export default React.memo ? React.memo(IconUser) : IconUser;

snapshots/demo-ts/index.tsx

@@ -29,4 +29,4 @@ const IconFont: FunctionComponent<Props> = ({ name, ...rest }) => {
   return null;
 };
 
-export default IconFont;
+export default React.memo ? React.memo(IconFont) : IconFont;

src/templates/Icon.js.template

@@ -11,4 +11,4 @@ const IconFont = ({ name, ...rest }) => {
   return null;
 };
 
-export default IconFont;
+export default React.memo ? React.memo(IconFont) : IconFont;

src/templates/Icon.tsx.template

@@ -21,4 +21,4 @@ const IconFont: FunctionComponent<Props> = ({ name, ...rest }) => {
   return null;
 };
 
-export default IconFont;
+export default React.memo ? React.memo(IconFont) : IconFont;