bug fix

src/components/ActionList/index.jsx

@@ -3,7 +3,6 @@ import { Menu, Dropdown, Icon } from 'antd';
 
 import styles from './style.less';
 
-// HOC
 export default function withActions(actionsRender) {
   return function ActionList(text, record) {
     const actions = actionsRender(text, record);
@@ -11,23 +10,23 @@ export default function withActions(actionsRender) {
 
     const menus = (
       <Menu>
-        {(leftActs || []).map((Act, index) => (<Menu.Item key={`dm-${index}`}><Act /></Menu.Item>))}
+        {(leftActs || []).map((Act, index) => (<Menu.Item key={`dm-${index}`}>{Act}</Menu.Item>))}
       </Menu>
     );
 
     return (
-      <div className={styles.action_list}>
+      <div className={styles['action-list']}>
         {
-          Act1 && <span><Act1 /></span>
+          Act1 && <span>{Act1}</span>
         }
         {
-          Act2 && <span><Act2 /></span>
+          Act2 && <span>{Act2}</span>
         }
         {
-          Act3 && <span><Act3 /></span>
+          Act3 && <span>{Act3}</span>
         }
         {
-          leftActs && leftActs.length &&
+          leftActs && leftActs.length ?
           (
             <span>
               <Dropdown overlay={menus} trigger={['click']}>
@@ -36,7 +35,7 @@ export default function withActions(actionsRender) {
                 </a>
               </Dropdown>
             </span>
-          )
+          ) : null
         }
       </div>
     );

src/pages/integralMall/GoodsList.jsx

@@ -1,12 +1,12 @@
 import React, { useState, useEffect } from 'react';
-import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal,Breadcrumb } from 'antd';
-import { FormattedMessage } from 'umi-plugin-react/locale';
-import styles from '../style/GoodsList.less';
+import { Form, Input, Button, Icon, Select, message, Table, Pagination, Modal } from 'antd';
 import router from 'umi/router';
+import AuthButton from '@/components/AuthButton';
+import withActions from '@/components/ActionList';
 import BuildSelect from '../../components/SelectButton/BuildSelect'
 import apis from '../../services/apis';
 import request from '../../utils/request'
-import AuthButton from '@/components/AuthButton';
+import styles from '../style/GoodsList.less';
 
 const { Option } = Select;
 
@@ -134,21 +134,19 @@ function header(props) {
       dataIndex: 'handle',
       key: 'handle',
       align: 'center',
-      render: (x, row) => (
-        <>
+      render: withActions((x, row) => [
           <AuthButton name="admin.taGoods.change.put" noRight={null}>
-            <span style={{ color: '#EF273A', marginRight: '20px',cursor: 'pointer' }} onClick={changeGoodsStatus(row)}>
-              {row.status == 1 ? '下架' : '上架'}
-              {<Icon type="shopping-cart" className={styles.shoppingCart} />}
+            <span style={{ color: '#EF273A', marginRight: '20px', cursor: 'pointer' }} onClick={changeGoodsStatus(row)}>
+              {row.status === 1 ? '下架' : '上架'}
+              <Icon type="shopping-cart" className={styles.shoppingCart} />
             </span>
-          </AuthButton>
+          </AuthButton>,
           <AuthButton name="admin.taGoods.put" noRight={null}>
-            <span style={{ color: '#FF925C',cursor: 'pointer' }} onClick={toEditGoods(row.goodsId)}>
+            <span style={{ color: '#FF925C', cursor: 'pointer' }} onClick={toEditGoods(row.goodsId)}>
               编辑<Icon type="form" className={styles.edit} />
             </span>
-          </AuthButton>
-        </>
-      ),
+          </AuthButton>,
+        ]),
     },
   ];