React中的内联CSS样式：如何实现：hover？⿏标放上去背景
颜⾊变化
这⾥主要介绍的是通过onMouseEnter，onMouseLeave事件来改变状态
var Link = ateClass({
getInitialState: function(){
return {hover: false}
},
toggleHover: function(){
this.setState({hover: !this.state.hover})
},
render: function() {
var linkStyle;
if (this.state.hover) {
linkStyle = {backgroundColor: 'red'}
} else {
linkStyle = {backgroundColor: 'blue'}
}
return(
<div>
<a style={linkStyle} onMouseEnter={leHover} onMouseLeave={leHover}>Link</a>
</div>
)css鼠标点击样式
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。