我正在尝试使用 onMouseOver 来触发更新状态的函数。但是,在使用 console.log 测试 onMouseOver 时,它不会在悬停时将任何内容吐出到控制台中:
render: function() {
return (
<ReactCSSTransitionGroup transitionName="example" transitionAppear={true} transitionLeave={true} transitionEnterTimeout={600} transitionAppearTimeout={600} transitionLeaveTimeout={300}>
<ul className="icons">{ iconslist.map(function(i){
return <li key={i.id}><span className={i.class} id={i.id} data-id={i.data} onMouseOver={console.log("hello")}></span></li>
}) }
</ul>
<p className="icon-text">{iconslist[this.state.icon_id].name}</p>
</ReactCSSTransitionGroup>
);
}
最佳答案
看起来您需要提供一个回调,而不是调用 console.log。
<ReactComponent
onMouseOver={() => console.log('enter')}
/>
关于javascript - onMouseOver 在react.js 应用程序中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46638866/