import React from 'react'
class Index extends React.Component {
constructor(props) {
super(props);
this.state = {
itemHoverIndex:'',
demo:[{},{},{}]
};
}
addClass(index){
this.setState({
itemHoverIndex:index
})
}
removeClass(index){
this.setState({
itemHoverIndex:''
})
}
render() {
return (
<div className='Index__container'>
{this.state.demo.map((item,index)=>(
<div onMouseEnter={this.addClass.bind(this,index)} onMouseLeave={this.removeClass.bind(this,index)}
className={`demo animated ${this.state.itemHoverIndex===index? 'pulse' : ''}`}>111
</div>
))}
</div>
);
}
}
export default Index
react用hover操作animate.css
最新推荐文章于 2024-05-10 15:56:59 发布