() => {
const list = [
{
type: 'info',
value: '标签a',
},
{
type: 'success',
value: '标签b',
},
{
type: 'warning',
value: '标签c',
},
{
type: 'danger',
value: '标签d',
},
]
const [datas, setdatas] = React.useState(list)
function closeHandler(index) {
return function() {
const _list = datas.slice()
_list.splice(index, 1)
setdatas(_list)
}
}
return (
<div style={{ margin: '10px' }}>
{datas.map((data, index) => {
return (
<Tag
type={data.type}
closable
onClose={closeHandler(index)}
key={`${data.type}-${index}`}
style={{ marginRight: '10px' }}
>
{data.value}
</Tag>
)
})}
</div>
)
}