Javascript onMouseOver在react.js应用程序中不工作

我试图使用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>

        );

    }

render:function（）{
返回(
{iconslist.map（函数（i）{
return

}) }

{iconslist[this.state.icon\u id].name}
);
}

看起来您需要提供一个回调，而不是调用console.log

<ReactComponent
    onMouseOver={() => console.log('enter')}
/>

console.log（'enter'）}
/>

看起来您需要提供一个回调，而不是调用console.log

<ReactComponent
    onMouseOver={() => console.log('enter')}
/>

console.log（'enter'）}
/>

您需要为他们提供回调函数，而不仅仅是在那里调用console.log。例如：onmouseinter={（）=>console.log（'hi'）}看起来这实际上是您的问题。onMouseOver工作正常。$（'.icons li span'）.on（“mouseover”，function（）{console.log（'enter'）；}）；您需要为它们提供回调函数，而不仅仅是在那里调用console.log。例如：onmouseinter={（）=>console.log（'hi'）}看起来这实际上是您的问题。onMouseOver工作正常。$（'.icons li span'）.on（“mouseover”，function（）{console.log（'enter'）；}）；