【练习案例React七】React结合ant design封装一个按钮组件

{_buttonList.slice(maxShowCount).map((item, index) =>

item.isDelete ? (

<Menu.Item key={index}>

<Popconfirm title={item.btnTxt || ‘确认删除?’}

onConfirm={item.onClick}>

<Button

loading={item.loading}

icon={item.icon}

type={item.type || ‘link’}

className={styles.menuBtn}

{item.title}

</Menu.Item>

) : (

<Menu.Item key={index}>

<Button

loading={item.loading}

icon={item.icon}

type={item.type || ‘link’}

href={item.href}

onClick={item.onClick}

title={item.altTitle}

className={styles.menuBtn}

{item.title}

</Menu.Item>

)

)}

);

return (

style={ {

display: ‘flex’,

justifyContent: ‘flex-end’,

alignItems: ‘center’,

marginRight: 24,

marginBottom: 24,

…style,

}}

{_buttonList.map((item, index) => {

if (index < maxShowCount) {

if (item.isPopconfirm)

return (

<Popconfirm title={item.popTitle} key={index}

onConfirm={item.onClick}>

<Button

style={ { marginLeft: 8 }}

loading=